2014-10-20 112 views
1

我在页面中有一棵树构成ul li元素。我使叶子li可拖动。我们可以将这些li拖放到它们的直接父母li之间。点击可拖动的启动拖动

除了一个问题,一切都很好。如果我们点击li,它开始拖动并需要再次点击停止。

仅供参考,我们正在使用jquery treeview插件使此ul li结构树视图。

任何有关这方面的帮助将不胜感激。

+0

在jquery treeview中有没有任何选项? – TCHdvlp 2014-10-20 14:42:16

+0

[treeview插件](http://bassistance.de/jquery-plugins/jquery-plugin-treeview/),我们使用的是旧的,缺乏文档。 它可能具有拖放功能,但我还没有找到任何示例或文档。所以我实现了使用jQuery可拖动。 – amitavak 2014-10-21 06:48:48

回答

0

,我们也有类似的问题的种类,由于jQuery的上下文菜单和可拖动的冲突。

更新下面的代码在jquery上下文菜单脚本文件。

参考:jQuery Context Menu clashes with jQuery Draggable欲了解更多信息。

jQuery(this).mousedown(function(e) { 
var evt = e; 
if (e.button == 2) //Added to make this compatible with draggable 
    evt.stopPropagation(); 
jQuery(this).mouseup(function(e) { 
    if (e.button == 2) //Added to make this compatible with draggable 
     e.stopPropagation(); 
    var srcElement = jQuery(this); 

希望这会有所帮助。

+0

这适用于我。非常感谢@ sudhAnsu63 – amitavak 2015-03-30 09:20:14

0

尝试在初始化Draggable插件时使用Delay选项。将其设置为250毫秒或其他内容将延迟拖动,以便用户只需单击该元素就不会开始拖动。

http://api.jqueryui.com/draggable/#option-delay

+0

我尝试过这种方法。但它没有奏效。 当我把更多的延迟像2000ms。当我点击'li'元素后,它只在2秒后暂存。 – amitavak 2014-10-21 07:25:59