jQuery draggable('cancel')导致错误:this.helper为null

Question

我有一个jQuery draggable()滑块,我想在某个事件中取消,但这会导致错误:'this.helper为null'.代码很简单:

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

有任何想法吗？

Answer 1

"取消"实际上不是可拖动小部件上的有效方法.

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

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

因此,您将应用该类cancel来停止拖动.

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