Javascript 在jQuery DragTable中设置多个包含

我正在用页面上的一些元素创建一个管理应用程序。这些元素可以被拖动。但是在页面中有两个不同的地方可以拖动

那么，有没有一种方法可以在jquerydraggeble的containment选项中设置多个类呢

---

谢谢

设置ui包含选项，如下所示：

containment:'selector_1, selector_2,...'

---

根据

安全壳
：

支持多种类型：

选择器：可拖动元素将包含在选择器找到的第一个元素的边界框中。如果没有元素
如果找到，则不会设置任何安全壳

元素：可拖动元素将包含在此元素的边界框中

字符串：可能的值：“父级”、“文档”、“窗口”

数组：以[x1，y1，x2，y2]形式定义边界框的数组

Via-@Vaindil提到了这一点


以下是关于jQuery UI
sortable
不直接支持“多包含选择器”的“创造性”回答。这是一个可能有帮助的“想法”；实际上，我的应用程序的确如此：

您可以使用选择器或元素（见上文）模式和更高级别的父元素设置
包容
；这不仅意味着实际的“父级”，还可能意味着更高一些的DOM元素。（如果您使用的是
sortable
，您可以将两者连接起来。）然后使用
draggable
方法
over
确定您是否在dropzone上

您还可以在每个dropzone上实例化
droppable
。下面是一些代码，可以帮助您确定您要结束的元素，而这是用浅黄色的bg类（“highlight”）突出显示所有dropzone目标，用亮黄色的bg类（“current-target”）悬停特定的dropzone。也许你可以用这样的方式向用户展示他们可以放在哪里

函数可拖放\u on\u deactivate\u out（）{
$（'.dropzone'）.removeClass（'target'）；
这是.dragElm.removeClass（'over-outermost-parent'）；
此.$sortableElm.sortable（'选项'{
连接方式：this.activateConnectWith，
轴：‘y’，
公差：“指针”
});
$（this）.off（'mousemove.droppableNamespace mouseout.droppableNamespace'）；//清除侦听器
self.showGrid.tbody.animate（{scrollTop:this.scrollBackTo}，250）；
}
$（'.draggable'）.draggable({
//或者您可以实例化'sortable'，而不是这个'draggable`fn
});
$（“#最外层父项”）。可拖放({
接受：'.draggable'，
激活：功能（droppableActivateEvent，ui）{
这个.dragElm=$（ui.draggable.context）；
this.activateConnectWith=this.$dragElm.sortable（'option'，'connectWith'）；
},
停用：可拖放的\u打开\u停用\u退出，
结束：函数（）{
$（this）.on（'mousemove.droppableNamespace'，函数（mousemoveEvent）{
$（mousemoveEvent.target）
.addClass（“当前目标”）
.on（'mouseout.droppableNamespace'，函数（）{
$（本）
.removeClass（'current-target'）
.off（'mousemove.droppableNamespace mouseout.droppableNamespace'）；//清除侦听器
});
});
$（'.dropzone'）.addClass（'target'）；
这是德拉格姆
.addClass（'over-outermost-parent'）；//在UI上指示某些内容
.sortable（'选项'{
连接到：“#最外层父级”，
安讯士：错，
公差：“相交”
});
},
out：可拖放的\u on\u停用\u out
});

因此，与您的
containment
问题相关，根据鼠标/拖动的位置（其结束位置），您可以动态更改UI或
draggable
选项
axis
（等）。尝试一些像这样的创造性解决方案；我希望有帮助
 这是不正确的，根本不是包容属性的作用方式。Vaindil，我同意-来自API文档：支持的包含类型：。。。字符串：可能的值：“父级”、“文档”、“窗口”。