Question

我有多个jquery ui draggable元素，也可以双击这些元素打开一个有表格的对话框。

问题在于，当用户双击时，双击并按住鼠标并打开对话框以及拖动元素，这会导致元素在对话框后面的位置移动而不会意识到

我需要能够在双击时停止拖动，完全移除可拖动事件并停止当前拖动。我试过了：

$(".items").draggable( "option", "disabled", true );

然后

$(".items").draggable( "option", "disabled", false );

关闭对话框，但这不起作用（它可能会停止创建新的可拖动事件但不会终止当前拖动的能力。

我也看到有些人说完全拖拽拖车然后又读了它，但这不是解决方案，因为它的丑陋哈哈。

烦人的小问题，但它导致我的系统出现问题，我无法在任何地方找到答案。

Answer 1

尝试此操作，在对话框打开时禁用draggin，然后在关闭时启用。

 $("#dialog").dialog({
        width: 150,
        height: 175,
        autoOpen: false,
        draggable: false,
        resizable: false,
        modal: true,
        title: 'Form',

        open: function(event, ui) {

            $('.draggable').draggable({
                cancel: '.draggable'
            });
        },
        close: function(event, ui) {

            $('.draggable').draggable({
                cancel: ''
            });
        }
    });

http://jsfiddle.net/EN3MD/22/

双击元素时出现jquery draggable stop事件

1 个答案: