gpt4 book ai didi

jquery - 可拖动且可调整大小的带有遏制的 div 超出了遏制范围

转载 作者:行者123 更新时间:2023-12-01 00:23:18 25 4
gpt4 key购买 nike

我正忙于一个时间表脚本,因为我需要使用 jQuery 可拖动和可调整大小。但是你可以在 jsFiddle 中看到可拖动对象有一个父对象,但是每次单击时,您都可以将其拖动到父对象上方 10px。编辑:我需要的是它不能被拖到容器之外。谁可以帮忙

http://jsfiddle.net/QBX2B/1/

html:

        <div class="containment" style="display:block; height:40px; width:150px; background-color:#f2f2f2;">
<div class="baldie" style="display:block; height:40px; width:150px; background-color: rgba(214, 255, 210, .7);"/>
</div>

jquery:

                $('.baldie').resizable({
containment: "parent",

}).draggable({
grid: [5,0],
containment:"parent",
drag: function( event, ui ) {

}
});

最佳答案

向容器添加 position:relative; 可以解决该问题。

我已经修改了您的代码检查运行,您可以检查它:-

<div class="containment" style="position: relative; display:block; height:40px; width:150px; background-color:#f2f2f2;">
<div class="baldie" style="display:block; height:40px; width:150px; background-color: rgba(214, 255, 210, .7);"/>
</div>

检查一下:-

Jquery UI resizable issue expands beyond containment (draggable also used)

关于jquery - 可拖动且可调整大小的带有遏制的 div 超出了遏制范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16586844/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com