文章/答案/技术大牛

发布

社区首页 >问答首页 >Jquery可拖动+可调整大小元素超出界限

问Jquery可拖动+可调整大小元素超出界限
EN

Stack Overflow用户

提问于 2012-06-01 11:08:38

回答 2查看 3.6K关注 0票数 4

具有可调整大小和可拖动的Jquery插件的元素如果父元素没有

overflow:hidden;

应用于此。

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

尝试将元素拖到最右下角几次。你会发现这是越界的。我想，如果我将父元素(例如#外层)设置为“溢出:隐藏”，问题就解决了。

问题：，我需要父服务器具有溢出:可见，其他才能正常工作。否则，我如何在不造成父溢出:隐藏的情况下解决问题？

提前感谢！

jquery

css

jquery-ui

jquery-ui-draggable

jquery-ui-resizable

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-01 11:26:50

Resizable将元素转换为绝对位置，因此边界框不相关，

似乎有一个bug，您可以将3px从边界框中拖出，所以用以下代码替换您的小提琴，它添加了一个3 3px的快速函数，因此您不能将3px拖出边界:-)

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

你需要溢出可见！当该项目可拖放且可调整大小时，否则我会发现它导致该项目不可检索！

票数 4

Stack Overflow用户

发布于 2019-05-14 12:22:31

我的解决方案对任何人都有帮助，在小提琴中运行代码

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

http://jsfiddle.net/pjasv3hg/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10849131

复制

相似问题

问Jquery可拖动+可调整大小元素超出界限
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery可拖动+可调整大小元素超出界限EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery可拖动+可调整大小元素超出界限
EN