javascript-jQuery ui：在不存在的div上调用.droppable不起作用

Question

我有这样的代码：

$('div.widgetDroppable').droppable({
    accept: 'li.widget',
 drop: function(event, ui) { 
     self.dropEventHandler(event, ui, $(this));
 }
});

我允许用户动态地添加许多那些widgetDroppable div（通过$('#page').append(SOME_HTML_CODE) ）：问题（实际上这不是真正的问题，但我不喜欢它）这样）是，如果我在创建任何widgetDroppable div之前放置了先前的代码，它将无法正常工作，似乎它不会将“ droppable”东西绑定到div，因为在该div上没有一个时刻。 我必须将代码放在用户添加div时调用的方法中，但是我想避免这种情况。 这可能吗？

另外，我不知道这是否是jQuery中的默认行为，因为我注意到对于其他种类的div，即使尚未创建代码，它们显然仍然可以正常工作。

Answer 1

您可能可以使用livequery解决此问题。

您的代码如下所示：

$('div.widgetDroppable').livequery(function(){
    $(this).droppable({
        accept: 'li.widget',
        drop: function(event, ui) { 
            self.dropEventHandler(event, ui, $(this));
        }
    });
});