2013-07-31 46 views
0

我是新來的Jquery uidrag在這裏,我有一個問題。如何使用jquery用戶界面進行拖放操作

我想drag元素在我的DOM我用下面的代碼

dragObj = document.getElementsByClassName('drag'); 
$(dragObj).draggable(); 

我可以drag的元素,但該元素粘到我的鼠標,我不知道如何把它放下來......等等我讀了Jquery ui draggable文件,它並沒有告訴我很多。這裏會有人幫助我嗎?非常感謝!

+0

可以簡化您的代碼只是'$(「拖」)。可拖動()'所以你是說你可以移動,但隨後當你放開鼠標單擊它劇照跟隨你的鼠標移動? –

+0

做這些例子你想要做什麼?: http://jqueryui.com/draggable/ – 3dgoo

+0

@koala_dev是的,這是正確的 – FlyingCat

回答

2

draggable()的默認行爲是該元素在mouseup上丟棄。

也許你打斷了代碼中某處的mouseup事件? 我設法複製你的症狀買鼠標上撥打stopPropagation

此外,請確保您沒有任何javascript錯誤。

http://jsfiddle.net/vQ9Y5/

$('div').draggable(); 

$('div').mouseup(function(ev){ 
    ev.stopPropagation(); 
}); 
+0

我去了你的jsfiddle,我仍然不能把元素donw。奇怪的。 +1 – FlyingCat

+0

@FlyingCat評論說,'ev.stopPropagation()',它會工作 - 安迪證明什麼可能,你可以在你的代碼 – exexzian

+2

@FlyingCat做了對不起,如果那不是我的回答清楚。 sansix是正確的,沒有更多的代碼,我們只能推測問題可能是什麼。我發現,'stopPropagation'(或爲此事'回報FALSE')一個鼠標鬆開事件處理中可能會導致您的問題。 – Andy