jQuery可拖动约束到父对象'的父级

jQuery draggable constrain to parent's parent

本文关键字:对象 拖动 约束 jQuery      更新时间:2023-10-20

我想限制可拖动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')    });
});

使用父对象查找和每个迭代器