Jquery可拖动对象的启动和停止事件未被触发

时间:2015-09-30 11:17:42

标签: jquery html5 draggable

PFB代码。在这里,我可以使用下面的代码触发停止事件。

$(function () {


    $("#drag").draggable({
                stop: function (event, ui)
                {
                    var a = "avinash";
                }
            });
    });
}

但是使用下面的代码我无法触发停止事件。

$(function () {

        $("#drag").draggable({
            stop: this.handleDragStop
        });
    });

    function handleDragStop(event, ui) {
        debugger;
    }
}

我不明白我在这里缺少什么。

请帮我解决这个问题。

2 个答案:

答案 0 :(得分:0)

首先,在第二种方法中,您还有其他不正确的括号。 其次,方法对你不起作用,因为你正在使用immediate function,它创建了新的范围,'this'与“handleDragStop”范围无关(在这种情况下,它是全局范围)。你应该在立即函数中移动handleDragStop函数,或者使用不带'this'的handleDragStop。

答案 1 :(得分:0)

$(function () {


   $("#drag").draggable({
        stop: this.handleDragStop
    });
});

function handleDragStop(event, ui) {
    debugger;
}

这是正确的代码