Jquery如何在draggable上使用.live

Question

我正在使用jquery ui的dragabble方法。如何在draggable上应用live（）。

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

我试过的是这个

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

但这不起作用。

由于

Answer 1

首先作为一个FYI，不推荐使用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事件触发，但是你得到了我的漂移......