0

总而言之，我知道我们可以实现一个可拖动的元素，只需简单地调用.draggablejquery ui 中的方法。这是一个示例，包括连接到可排序的。

$(".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.')}
            });
4

2 回答 2

1

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

于 2013-03-05T06:09:10.170 回答
0

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

于 2013-03-05T06:28:17.250 回答