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 事件触发，但您明白我的意思...