使用 jquery UI droppable 和 livequery 时出现问题！

Question

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

var $tab_items = $("ul:first li",$tabs).droppable{ opportunity: '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