<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[jquery Drag and Drop에서]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/43621</link>
		<description><![CDATA[<p>      $(".drag").draggable({<br />
<br />
            revert: function (event, ui) {<br />
<br />
                //droppable 객체가 아닌곳에 드래그 됫을때<br />
<br />
                if (event == false) {<br />
<br />
                    isRevert = false;<br />
<br />
                    return true;<br />
<br />
                    //droppable 객체에 들어갓을때<br />
<br />
                } else {<br />
<br />
                    isRevert = true;<br />
<br />
                }<br />
<br />
            },<br />
<br />
        });<br />
        $("#drop").droppable(<br />
            {<br />
                drop: function (event, ui) {<br />
                    //alert($(event.source).html());<br />
                    //alert($(e).html());<br />
                    //alert($('#' + ui).html());<br />
                    ==&gt;Drop된 객체에(span)태그의 글자를 읽어오고<br />
                  내가 원하는 글자가 아니면 드래그된 &lt;span을 원위치로 돌리고 싶습니다.<br />
                 어떻게 해야 할까요? 감사합니다.<br />
                   <br />
                    event.preventDefault();<br />
                }<br />
            });<br />
    });<br />
<br />
<br />
        &lt;div &gt;<br />
            &lt;span class="drag" id="a1" style="margin:5px 5px 5px 5px"&gt;aaaa&lt;/span&gt;<br />
            &lt;span class="drag"  id="a2" style="margin:5px 5px 5px 5px"&gt;bbbb&lt;/span&gt;<br />
            &lt;span class="drag"  id="a3" style="margin:5px 5px 5px 5px"&gt;cccc&lt;/span&gt;<br />
            &lt;span class="drag"  id="a4" style="margin:5px 5px 5px 5px"&gt;dddd&lt;/span&gt;<br />
            &lt;span class="drag"  id="a5" style="margin:5px 5px 5px 5px"&gt;eeee&lt;/span&gt;<br />
        &lt;/div&gt;<br />
<br />
        &lt;br /&gt;<br />
        &lt;br /&gt;<br />
        &lt;div id="drop" style="height:500px; width:500px ; border:1px solid; vertical-align: middle"&gt;<br />
        Drop On Me<br />
        &lt;/div&gt;</p>]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[안녕하세요~^^

올려주신 내용만으로는 어떻게 하고 싶으신 건지 이해가 잘 가지 않습니다.

jQuery UI ...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/43630</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>올려주신 내용만으로는 어떻게 하고 싶으신 건지 이해가 잘 가지 않습니다.</p>

<p>jQuery UI Draggable에 대한 자세한 내용은</p>

<p>아래의 링크를 참고해보시겠어요?</p>

<p><a href="https://jqueryui.com/draggable/" target="_blank">https://jqueryui.com/draggable/</a></p>

<p>고맙습니다.</p>]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 27 May 2020 00:40:56 +0000</pubDate>
			<category>자바스크립트/jQuery</category>
		</item>
			</channel>
</rss>