使用jquery.event.drag延迟dragstart

时间:2012-01-21 19:52:49

标签: javascript jquery drag-and-drop delay

我正在使用jquery.event.drag来拖动元素。我想知道如何延迟阻力。

我试过了:

$('#drag').bind('dragstart', function() {
    setTimeout(function() {
        $('#drag').bind('drag', function(event) {
            $(this).css({
                top: event.offsetY,
                left: event.offsetX
            });
        });
    }, 1000);
});

但它不起作用,你可以在这里看到:http://jsfiddle.net/hqDyw/ 是否有可能延迟元素的阻力?提前感谢有关如何使其发挥作用的任何建议。

1 个答案:

答案 0 :(得分:1)

既然你正在使用jQuery,你有没有检查过jQueryUI的可拖动插件?

http://jqueryui.com/demos/draggable/#delay-start

很容易实现所需的功能:http://jsfiddle.net/hqDyw/1/