jQuery可拖動-當前元素大小的相對containsmet

Question

我對容器有一點問題，我希望它與當前元素具有相對大小。 容器中沒有固定數量的元素，它們可以縮放和旋轉。 應允許將元素部分放置在容器的外部，至少應有10％的元素在內部。

我試圖與$(this)來獲取所選元素的尺寸，但是似乎這與窗口有關。 對於右側和左側，這應該始終有效，但是，如果所有元素的尺寸相同，則左側和頂部僅適用。

containment: [//"#container",
                $("#container").offset().left*0.7,
                $("#container").offset().top*0.2,
                $("#container").width() + $("#container").offset().left*0.95,
                $("#container").height() + $("#container").offset().top*0.9
             ],

這里有些pl： 示例

Answer 1

我使用$ .each來分別設置包含字段。 我想您可以在可拖動stop功能上遞歸調用自身。

http://plnkr.co/edit/McjFd5CQISlWpBA93BJC?p=preview

$('.ui-draggable').each(function(){
    $elem = $(this);
    var contain = [
          $elem.offset().left,
              $elem.offset().top,
              $elem.width() + $elem.offset().left,
              $elem.height() + $elem.offset().top
        ];
    $elem.draggable({
      containment:contain,
      scroll:false
    })
  })