jquery - jQuery - 新しい項目が DOM に追加された後に既存の関数を再バインドする適切な方法

Question

次のように、ドラッグベールアイテムがドロップされた後に既存の関数を再バインドしたい:

.itemドラッグ可能なアイテムであり、.droppableドロップ可能な領域です。

.droppables .itemonの関数を実行しています.ready()が、 をドロップする.itemと.droppable、既存の関数は新しくドロップされた では機能しません.item。そのため、次のようにイベントを関数内に配置します。

function my_event(){
    jQuery('.droppable').on('mouseover.mine mouseout.mine', function (e) {
            if ($(this).is(".active")) {
                e.stopPropagation();
                e.preventDefault();
                jQuery(this).toggleClass('highlight');
            }
        }).on('click.mine', function(e){
            if ($(this).is(".active")) {
                e.stopPropagation();
                e.preventDefault();
                show_data(this);
            }
        });
    });
}

これで、この関数を単にevent.ready()に対して呼び出すことができます。それは正常に動作しています、.droppable()stop

.itemしかし、ドロップするたびに関数を呼び出して再バインドするのは正しいですか? いいえの場合は、適切な方法でこれを行う方法を教えてください。