задержка драгстарта с помощью jquery.event.drag

Question

Я использую 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/ Можно ли задержать перетаскивание элемента? Заранее благодарен за любые предложения о том, как я могу заставить это работать.

Answer 1

Поскольку вы используете jQuery, вы проверили перетаскиваемый плагин jQueryUI?

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

Довольно легко реализовать желаемую функциональность: http://jsfiddle.net/hqDyw/1/