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

Question

我启用了以下元素draggable。

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

我想要的是将它拖到文档中预先选定的div上，这个div在点击时也有效。

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

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

有没有办法处理这个事件。

Answer 1

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

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

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