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

Question

我正在使用 jquery ui 中的可拖动方法。如何在可拖动对象上应用 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() 作为上述状态的 cmets。

其次，您将无法在任一场景中执行您需要执行的操作，因为这些事件未包含在 on() 中。因此，我处理它的方法是在函数中执行您的事件附件：

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

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

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

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