jquery dom 可调整大小的可拖动遏制问题

发布于 2024-10-14 05:54:23 字数 247 浏览 9 评论 0原文

为什么 jquery resizing() 没有将大小调整为分配给它的包含 id 的完整宽度和高度。您可以在 http://jsfiddle.net/C8YSU/6/ 尝试一下,看看我的意思。尝试调整创建的 div 的大小,它不会调整到父 #container div 上的完整宽度和高度。这似乎是由 draggable() 函数引起的。

Why is jquery resizable() not resizing to full width and height of the containment id assigned to it. You can try it at http://jsfiddle.net/C8YSU/6/ and see what i mean. Try to resize the created div, it will not resize to full width and height on the parent #container div. This seems to be caused by the draggable() function.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

眉黛浅 2024-10-21 05:54:23

向 #container div 添加相对位置解决了该问题。

Adding a relative position to the #container div fixed the problem.

自演自醉 2024-10-21 05:54:23
<script type="text/javascript">
        $("button").click(function () {
            var elm = $('<div id="divId" class="adiv abs"></div>');
            elm.appendTo('#container').resizable({
                containment: "parent"
            });
        });
    </script>

更新

<script>
        $("button").click(function () {
            var elm = $('<div id="divId" class="adiv abs"></div>');
            elm.appendTo('#container').draggable({
                snap: true,
                containment: 'parent'
            }).resizable({
                maxWidth: 300,
                maxHeight: 300
            });
        });

</script>
<script type="text/javascript">
        $("button").click(function () {
            var elm = $('<div id="divId" class="adiv abs"></div>');
            elm.appendTo('#container').resizable({
                containment: "parent"
            });
        });
    </script>

Update

<script>
        $("button").click(function () {
            var elm = $('<div id="divId" class="adiv abs"></div>');
            elm.appendTo('#container').draggable({
                snap: true,
                containment: 'parent'
            }).resizable({
                maxWidth: 300,
                maxHeight: 300
            });
        });

</script>
忘年祭陌 2024-10-21 05:54:23

给它添加draggable是一个问题。

试试这个例子。删除了可拖动的部分,但添加了手柄。

http://jsfiddle.net/C8YSU/7/

It is a problem with adding draggable to it.

Try this example. Removed draggable, but added handles.

http://jsfiddle.net/C8YSU/7/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文