javascript - 如何将元素拖放到预先选择的 div 元素

Question

我启用了以下可拖动元素。

$('.item').draggable({
    revert : true
});

我想要的是将它拖到文档中预先选择的 div 上，单击时它也有效果。

jQuery(".bill-description").click(function()
{
    jQuery(this).next(".bill-item-list").slideToggle(700);
});

如何使此元素（展开时）接受拖动元素。我真正想要的是知道如何处理bill-descriptiondiv 元素打开与否的事件。

有什么好的方法来处理这个事件。

score 0 · Accepted Answer

您需要在 .bill-description 上设置“droppable”。

jQuery(".bill-description").droppable({
    accept: ".item",
    drop: function( event, ui ) {
        //do something
    }
});

您可以在 jQuery UI 文档中了解有关可放置目标的更多信息：http: //jqueryui.com/droppable/#default

1 回答 1