jQuery可拖动约束到父对象'的父级
jQuery draggable constrain to parent's parent
我想限制可拖动div在父级的父级中的移动。
<div class="grandparent'> // <-this is the div I would like to constrain to
<div class="parent">
<div class="draggable">
...
</div>
</div>
</div>
我知道我可以像这样包含在父级中:
$( ".draggable" ).draggable({
containment: "parent"
});
我知道我可以通过传递id
来包含在特定的div中,但在我的情况下,我不能这样做(祖父母的id
是动态生成的)。
如何包含在父级的父级中?
$('.draggable').each(function(){
var $el = $(this);
$el.draggable({containment:$el.closest('.grandparent') });
});
使用父对象查找和每个迭代器
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 旋转后拖动对象
- 如何在使用Kinetic拖动同一对象后,在旋转动画中保持先前的偏移
- 通过拖动可以更改三维模型对象在Three.js场景中的位置
- Javascript拖动对象
- jQuery拖动到相对位置的可排序列表中时出现可拖动辅助对象位置问题
- dropable的Over事件是't工作正常,在可拖动对象被拖放到贪婪的可拖动对象上并再次拖动后
- 如何在拖动对象时检测画布的中心线以使其居中
- 允许具有相同 id 的对象可以使用 jQuery 拖动
- 使一组对象与 jQuery 一起拖动
- 删除时禁用可拖动对象
- 可缩放容器鼠标上的可拖动元素在创建时从辅助对象上浮动
- 拖放无法识别动画CC中拖动对象的子对象
- 防止可拖动对象被添加多次jQuery
- html5拖动&drop-TypeError:Node.appendChild的参数1不是对象
- HTML 文档 - 无法阻止对象拖动
- 将对象拖动到特定路径并在同级路径中移动
- 三.js约束对象拖动到另一个对象的表面
- 结构.js以编程方式停止对象拖动
- 用于在浏览器中转换对象(拖动、缩放、旋转和扭曲)的Javascript框架