Question

如果父元素没有

，那么应用了可调整大小和可拖动的Jquery插件的元素将超出范围

overflow:hidden;

适用于它。

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

尝试将元素拖动到最右下角几次。你会发现它已经超出了界限。我想出如果我设置父元素，例如#outer to overflow：隐藏问题已解决。

问题： 我需要父进程溢出：可见其他CSS工作正常。我怎么解决问题没有让父母溢出：隐藏？

提前致谢！

Answer 1

Resizable将元素转换为绝对定位，因此边界框无关紧要，

似乎有一个错误，你可以将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/

Jquery draggable +可调整大小的元素超出范围

2 个答案: