Question

我在页面中有一个树状结构ul li元素。我让Leaf li可以拖拽。我们可以将这些li拖放到他们的直接父li之间。

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

仅供参考，我们使用jquery treeview插件将此ul li结构化为树视图。

对此有任何帮助将不胜感激。

Answer 1

初始化Draggable插件时尝试使用Delay选项。将此设置为250毫秒或其他东西会延迟拖动，这样如果用户只是点击元素，它就不会开始拖动。

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

Answer 2

由于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);

希望这有帮助。

单击可拖动的初始化拖动

2 个答案: