Question

我想同时使用可拖动的距离和延迟参数。目标是，我不需要移动鼠标来启动拖动效果，但它应该在500毫秒后启动，以防止意外移动。

这似乎不起作用。以下是您要测试的示例：

$('.cube').draggable(
{
   distance: 0,
   delay: 500,
   start : function()
   {
    $('.cube').css('background', 'green');
   },
   stop: function()
   {
    $('.cube').css('background', 'red');
   }
});

http://jsfiddle.net/MfegM/2392/

实际上，如果您单击而不移动，则不会拖动。当您删除延迟选项时，它将拖动而不会立即移动。

这是错误还是功能，是否有解决方法？

此致

克劳斯

Answer 1

这是一项功能，您可以参考此链接http://api.jqueryui.com/draggable/#option-delay

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

将延迟设置为0将避免延迟..

Answer 2

这种情况导致延迟没有同时启动所有功能，我相信这是一个bug，但是，你可以使用其他功能来增加你的代码。

$('.cube').mousedown(function()
{
        $(this).css('background', 'green');
})

$('.cube').mouseup(function()
{
        $(this).css('background', 'red');
})

这项工作非常好，我希望这段代码可以帮助你。

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

jQuery draggable：同时距离和延迟不起作用

2 个答案: