2013-07-31 42 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