jquery dragable - 相对于当前元素大小的相对包含

jquery dragable - relative containmet to current elemente size

本文关键字：相对 包含 元素 dragable 相对于 jquery      更新时间：2023-09-26

我对包含有一点问题，我希望它与当前元素具有相对大小。容器中没有固定数量的elemtens，它们可以缩放和旋转。应允许元件部分放置在容器外部，至少 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
             ],

这里有一点扑通：例

我使用 $.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
    })
  })
相关文章：