javascript - 関数呼び出しを介してドロップ可能を有効にする

Question

このフィドルで-http://jsfiddle.net/zyUkd/26/

[ドロップ可能を追加]ボタンをクリックしたときに、div"Hello01"がドロップ可能を受け入れるようにしようとしています。ボタンがクリックされたときにドロップ可能なクラス「todrop」を追加していますが、「Hello 01」にアイテムをドロップすると、ドロップ可能なイベントが登録されませんか？

Answer 1

関数.droppable()内の要素を呼び出す必要があります。addDroppable()

var addDrop = $("#adddrophere").droppable({
    drop: function(event, ui) {
        alert('dropped here');
    }
});

フィドルの例

Answer 2

ボタンがクリックされたときにドロップ可能を呼び出します

$( ".selector" ).droppable();

Answer 3

参照してクラスを変更しようとしています。要素を参照する必要があります。作業コード:

function addDroppable() {
       var addDrop = $("div#adddrophere");
    addDrop.addClass("todrop");
    addDrop.removeClass("myDivs");

    //alert(addDrop.text());

}