Tag: containment

可拖动对象“粘合”到边框

我创建了一个用户控件，在可拖动的div中包含一个标签，如下所示： .text_label { margin-top:8px; font-size:18px; color:#545454; -moz-border-radius: 2px; -webkit-border-radius: 2px; -border-radius: 2px; } .clear { clear:both; height:20px; } .drag { display:block; } 对于draggable，我在ready（）函数中使用以下选项： $(‘.drag’).draggable(“option”, “containment”, ‘parent’); 在我的测试网页上，我在面板中添加了两个用户控件。 我的目标是让它们在该面板内可拖动。 .panel { border-style:solid; border-width:medium; width:100%; } 当我运行页面（在Chrome中）时，两个控件都对齐到面板的右边框，只能在Y轴上拖动。 知道为什么会发生这种情况并且缺少什么？ 谢谢。

限制jQuery可拖动项与重叠/与兄弟元素冲突

我需要使用jQuery UI限制可拖动对象的包含区域，但有一些额外的限制。 我需要防止draggable元素与同一容器中的其他元素重叠。 我需要允许在“moveInHere”区域移动而不是“butNotHere”区域。 可能吗？ $(“#dragMe”).draggable({ containment: “#moveInHere” });