jquery - 使用 jquery UI droppable 和 livequery 的问题！

Question

我有一些要删除的元素的代码

var $tab_items = $("ul:first li",$tabs).droppable{ tolerance: 'touch' ,....

它工作正常，但问题是当我通过 ajax 或 javascript 加载另一个按钮时，它不起作用，因为新元素没有对此事件的绑定。

在其他类似的情况下，我找到了使用 livequery（事件委托）的解决方案，但在这里它是不可能的，因为我不想附加一个函数，我想在第一行代码上附加相同的函数。

有什么解决方案比在每个新对象加载后制作 dropabble 更好？

Answer 1

只需在您的 ajax 成功回调中添加处理程序。

$.ajax({
   url: ...
   ...
   success: function(data) {
        $('<li>....</li>').droppable( { tolerance: 'touch', ... } )
                          .appendTo( '#tabs ul:first' );
        ...
   }
   ...
});

Answer 2

这可能是一个错误的预感，但您可能想看看： http ://docs.jquery.com/UI/Sortable