我怎么知道可拖拽的项目是真的在指定的可排序的容器在Jquery UI

Question

总之，我知道我们可以在jquery ui中调用.draggable方法来实现可拖动元素。下面是一个包含connect to sortable的示例。

$(".draggable").draggable({
            helper : function(){
                   //return something dom.},
            cursor : 'move',
            connectToSortable : '.sortableLayoutSection'});
$(".sortableLayoutSection").sortable({
            appendTo : parent,
            containment : "parent",
            cursor : "pointer",
            placeholder : 'li-placeholder',
            forcePlaceholderSize : false
        });

但我的问题是我怎么能知道可拖动的项目真的落入指定的容器(在这个例子中是元素与类命名为.sortableLayoutSection)?谢谢。

$(".sortableLayoutSection").sortable({
                appendTo : parent,
                containment : "parent",
                cursor : "pointer",
                placeholder : 'li-placeholder',
                forcePlaceholderSize : false,
                receive: function( event, ui ) {alert('ok.got something.')}
            });

Answer 1

首先，您应该初始化您的可排序元素作为可降元素，而请参考这个:http://api.jqueryui.com/droppable/#event-drop。它有拖放事件，这意味着有一个拖放元素被拖到可拖放的位置。因此，您可以编写函数来确定您想要做的事情。

Answer 2

答案在这里，经过我的测试，它解决了我的问题，只有在指定的容器中下降将触发一个名为receive的事件，请查看我更新的内容。谢谢。