jQuery 可拖动约束到 parent 的 parent

Question

我想将我的可拖动对象 div 的移动限制在 parent 的 parent 范围内。

<div class="grandparent'> // <-this is the div I would like to constrain to
  <div class="parent">
    <div class="draggable">
    ...
    </div>
  </div>
</div>

我知道我可以像这样包含在 parent 中：

$( ".draggable" ).draggable({
  containment: "parent"
});

而且我知道我可以通过传入 id 来包含在特定的 div 中，但在我的情况下我不能这样做（id 的grandparent 正在动态生成）。

我怎样才能包含在 parent 的 parent 中？

Answer 1

$('.draggable').each(function(){
  var $el = $(this);
   $el.draggable({containment:$el.closest('.grandparent')    });
});

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

jQuery 可拖动约束到 parent 的 parent

jQuery draggable constrain to parent's parent

javascript

jquery

jquery-ui