javascript - 通过函数调用启用 droppable

Question

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

当我单击按钮 "Add Droppable" 时，我正在尝试启用 div "Hello 01" 以接受 droppable。我在单击按钮时添加了可放置类“todrop”，但是当我在“Hello 01”上放置一个项目时，未注册可放置事件？

Answer 1

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

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());

}