jquery - Jquery 如何在可拖动对象上使用 .live

Question

我正在使用 jquery ui 中的 dragabble 方法。如何在可拖动对象上应用 live()。

$("#image").draggable({ containment: [10, 150, 0, 0], scroll: false});

我试过的是这个

$("#image").live("draggable", function () {
.draggable({ containment: [10, 150, 0, 0], scroll: false});

但这不起作用。

谢谢

Answer 1

首先作为一个仅供参考，不推荐使用 live ，您应该使用 .on() 作为上述评论状态。

其次，您将无法在任何一种情况下执行您需要执行的操作，因为这些事件未包含在 on() 中。因此，我接近它的方法是在函数中执行事件附件：

function doDraggable() {
    $(".draggable").draggable({ containment: [0, finalHeight, 0, 0], scroll: false});
}

然后在文档准备好以及 ajax 完成时初始化它：

$(document).ready(function () {
    doDraggable();
});
$(document).ajaxComplete(function () {
    doDraggable();
});

您可以比使用 ajaxComplete 事件的文档选择器更具体，这样它就不会为每个ajax 事件触发，但是您明白我的意思...