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

Question

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

这是澄清的代码：

$('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
});