JQuery拖放插件的延迟初始化

时间:2013-07-27 16:25:33

标签: jquery-ui jquery-ui-draggable jquery-ui-droppable

是否有可能延迟jQuery UI拖放插件的初始化,直到进行移动或点击?不确定这是否可行。我有大量使用拖放的单元格,就像Excel网格一样,性能不是很好。

1 个答案:

答案 0 :(得分:0)

您可以使用delaydistance

$( ".selector" ).draggable({ delay: 300 });

$( ".selector" ).draggable({ distance: 10 });

来自API文档:

  

<强>延迟
  mousedown之后的时间(以毫秒为单位),直到拖动开始。这个   选项可用于防止在单击时出现意外拖动   元件。

     

<强>距离
  mousedown之后的像素距离,鼠标必须在拖动之前移动。此选项可用于防止   单击元素时不需要的拖动。

<小时/> 更新:

要保持更标准的功能并且只在需要时初始化可拖动功能,请尝试使用像这样的悬停功能:

<强> Working Example

$('div').hover(function () {
    $(this).addClass('selector');
    $(".selector").draggable({
        //options
    });
},

function () {
    $('div').removeClass('selector');
});