Jquery 可拖动 + 可调整大小的元素越界

Question

如果

父元素没有

overflow:hidden;

适用于它。

这是JSfiddle：http://jsfiddle.net/hjtBA/

尝试将元素拖动到最右下角几次。你会看到它正在越界。我发现，如果我将父元素（例如 #outer）设置为溢出：隐藏，问题就解决了。

问题：我需要父级有溢出：可见才能让其他 CSS 正常工作。我还能如何在不使父级溢出：隐藏的情况下解决问题？

提前感谢！

Answer 1

可调整大小将元素转换为绝对定位，因此边界框无关紧要，

似乎有一个错误，您可以将 3px 拖出边界框，因此请用此代码替换您的小提琴，该代码添加了 3px 捕捉功能，因此您无法将 3px 拖出边界：-）

$(function(){
    $('#inner').resizable({
        containment: 'parent'        
        }).draggable({
        containment: 'parent' ,
        snap: "#outer", snapMode: "inner" ,
        snapTolerance: 3       
    });    
});​

你需要溢出可见！当项目可拖动和调整大小时，否则我发现它导致项目无法恢复！

Answer 2

我的解决方案适用于它帮助的任何人，在小提琴中工作代码

$('#box-1').draggable({
  grid: [20, 10],
  axis: "x",
  containment: '#container'
  });

http://jsfiddle.net/pjasv3hg/