jQuery draggable（'cancel'）导致错误：this.helper为null

Question

我有一个jQuery draggable（）滑块，我想在某个事件中取消，但这会导致错误：'this.helper为null'。代码很简单：

$( '#magicalscrollhandle' ).draggable( 'cancel' );

有什么想法吗？

Answer 1

“取消”实际上不是可拖动窗口小部件上的有效method。

我遇到取消拖动事件的最佳方法是从false事件处理程序返回drag。您可以根据您根据事件发生情况设置的某些条件来执行此操作：

$("#draggable").draggable({
    drag: function() {
        if ($(this).hasClass("cancel")) {
            return false;
        }
    }
});

因此，您将应用课程cancel来停止拖动。

这是一个小例子，我设置了一个定时器，使得元素在5秒后停止可拖动：http://jsfiddle.net/andrewwhitaker/y2yrA/1/