2

ページの読み込み時にドロップ可能な要素がいくつかあります。ある時点で、これらの要素をさらにいくつか追加し（同じセレクター）、新しい要素もドロップ可能にしたいです。すべてのオプションを使用して元のドロップ可能関数を呼び出す唯一のオプションはありますか？ほら、ドロップ可能な関数呼び出しはかなり大きいので、この方法でコードを複製したくありません。もっとエレガントな方法はありますか？

これは明確化のためのコードです：

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

1 に答える 1

1

あなたが試すことができます：

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

};

$('td').droppable('destroy').droppable({
   hoverClass: hoverCls,
   drop: dropFn
});
于 2013-03-09T20:16:51.153 に答える