如何改變在jQuery UI中發生捕捉的距離Draggable

Question

我有一個100％的頁面高度面板，我從頁面左邊拖動到它的右邊。我已經應用了它的快照選項，它可以很好地捕捉到頁面的左側或右側。現在我需要增加它發生的距離。比如說，我將面板從左到右移動到頁面寬度的80％，在這種情況下，我希望它保持在頁面的右側。 是否可以自定義此行爲？

這裏是頁面的外觀

Answer 1

您是否嘗試過的選項snapTolerance了嗎？

$(".selector").draggable({ snapTolerance: 200 }); 

要獲得窗口寬度的20％，使用：

$(document).width() * 0.2