jQuery draggable約束父節點的父節點

Question

我想限制我的可拖動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是動態生成的）。

如何在父母的父母中包含？

Answer 1

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

使用parent對象find和每個迭代器