jquery - 添加元素后重新初始化 jQuery UI droppable

Question

我有一些在页面加载时可以删除的元素。在某些时候，我会添加更多这些元素(相同的选择器)，并且我希望新元素也可以删除。是使用所有选项调用原始可删除函数的唯一选项吗？你看，可删除函数调用相当大，我真的不想以这种方式重复代码。有没有更优雅的方式？

这是用于澄清的代码:

$('td:not(.td-disabled)').droppable({
        hoverClass: "ui-state-active",
        drop: function( event, ui ) {
            // ... very big block of code 
        }
    });
$('.td-disabled').removeClass('td-disabled');

// I dont want to do this:
$('td').droppable({
            hoverClass: "ui-state-active",
            drop: function( event, ui ) {
                // ... very big block of code 
            }
        });

Answer 1

你可以尝试:

var hoverCls = 'ui-state-active';
var dropFn = function(event, ui) {

};

$('td').droppable('destroy').droppable({
   hoverClass: hoverCls,
   drop: dropFn
});