通过函数调用启用droppable

Question

在这个小提琴中- http://jsfiddle.net/zyUkd/26/

当我单击"Add Droppable“按钮时，我试图使div "Hello 01”接受droppable。当按钮被点击时，我添加了droppable类"todrop“，但是当我在"Hello 01”上拖放一个项目时，droppable事件并没有注册？

Answer 1

您需要在addDroppable()函数中的元素上调用.droppable()：

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

Answer 2

单击按钮时调用droppable

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

Answer 3

您希望通过引用来更改类。您必须引用该元素。工作代码：

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

    //alert(addDrop.text());

}