我想防止点击,但允许拖放jQuery元素

时间:2018-10-24 23:59:15

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

我有一个在矩形框中水平排列的按钮列表。每个按钮的位置都是根据先前的按钮宽度来计算的。

所有这些都是可拖动的,盒子是可放置的。我可以拖放它们,也可以按期望的顺序重新排列它们,但是如果我快速单击一个按钮,则会导致其他按钮计算其位置错误并分散。

我可以通过禁用这些快速单击来防止这种情况,但是我不知道如何防止它们。

有没有一种方法可以防止对可拖动对象的快速点击?

谢谢。

1 个答案:

答案 0 :(得分:0)

你可以这样吗?

var stopClick = false;
var interval;
var stopForTime = 200; //200 ms
$('.draggable').click(function(e){
    if (stopClick) {
        e.preventDefault();
    }
    stopClick = true;
    setTimeout(function(){
        stopClick = false;
    }, stopForTime);
});