jQuery可拖動：距離和延遲同時不起作用

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

發生這種情況的原因延遲不會啓動所有功能相同的時間，我相信這個錯誤，但是，您可以使用其他函數來增加您的代碼。

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

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

這個工作很好，我希望這段代碼能幫助你。

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