通过函数调用启用droppable

Question

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

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

Answer 1

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

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

Example fiddle

Answer 2

单击按钮时调用droppable

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

Answer 3

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

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

    //alert(addDrop.text());

}