Jquery UI draggable / droppable，检查droppable中的拖动项类

Question

我有3个独立的（有不同的类名）项目，我正在投入一个大的div。我需要drop函数来运行不同的东西，具体取决于我放入droppable中的哪个draggble项。

这是我的代码。

$(".gridster").droppable({
        accept: ".dragExist,.dragDefault, .dragLaunch",
        hoverClass: "drop-state",
        drop: function(event,ui){
            var currentId = $(ui.draggable).attr("class");
             if(currentId == "dragExist"){
                 gridster.add_widget.apply(gridster, ['<li>new Widget', 1, 1]);
                 console.log(event);
                 event.preventDefault();
             }
        }
    });

如果我可以获得第一个if语句，我会添加其他2个类，但我似乎没有得到这个正确。谢谢!!

Answer 1

一个简单的解决方案是在每个可拖动元素的mousedown事件上添加一个类假设'selected-item'。然后在drop事件中，您可以轻松识别使用“selected-item”类拖动的元素，最后删除该类。