根据悬停的内容设置connectToSortable

时间:2014-02-21 14:53:40

标签: jquery jquery-ui jquery-ui-sortable jquery-ui-draggable

我有一个可拖动的对象,但屏幕上有N个可排序的对象,实际上,它们是嵌套的。不太像无序列表的无序列表,但这是一个很好的例子。

根据我在拖动对象的情况下,我想设置我想要附加的相应可排序列表。我想的是:

$(_d).draggable({
    helper: "clone",
    drag: function(){
       //get position.
       //compare position with all container dimensions.
       //if match,  $(this).draggable("options", "connectToSortable", "selector-for-particular-sortable
    },
    stop: function(){},
});

/*dynamic, so i cant use connectToSortable on all of them.*/
$(_a).sortable();
$(_b).sortable();
$(_c).sortable();

我觉得拖动和扫描屏幕上的所有容器对象非常耗时。我不确定是否有其他人做过类似的事情。

我的想法源于我正在看的一个项目,同时也看着:jQuery UI draggable element dropped into sortable

1 个答案:

答案 0 :(得分:0)

如果您可以分配一个类,或者知道一组代表可排序对象的类,您可以将它们直接添加到connectToSortable对象中。

参见示例:http://jsfiddle.net/4UR8X/

$(item).draggable({helper:'clone', connecToSortable:'.containers'});