Question

所有，我知道我们可以只在jquery ui中调用.draggable方法来实现一个可拖动的元素。这是一个例子，包括连接到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
        });

但我的问题是我怎么知道draggable项真正落入指定的容器（在这个例子中是具有名为.sortableLayoutSection的类的元素）？感谢。

更新

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

Answer 1

首先你应该将你的可排序元素初始化为droppable元素，同时请参考：http://api.jqueryui.com/droppable/#event-drop。它有drop事件，这意味着有一个drag元素已被拖入droppable。所以你可以编写这个函数来确定你想要做什么。

Answer 2

答案是here，在我测试之后，它解决了我的问题，只有放入指定的容器才会触发名为receive的事件，请查看我更新的内容。谢谢。

我怎么知道可拖动的项目真的被丢弃在Jquery UI中的指定可排序容器中

2 个答案: