1

我对 jquery 可调整大小的插件有疑问。我已经解决了这个问题并提出了这个问题。如果我创建一个 div 并使其可调整大小并使其也具有 alsoResize 它在大多数情况下都可以正常工作。但是，如果我将也Resize 的第二个 div 设置为 margin:0 auto 它不能正常工作。鼠标光标正在离开您调整大小的部分。所以这是我正在谈论的一个例子：

<div id="container">
  <div id="inside" style="margin:0 auto;">
  </div>
</div>

jQuery：

$("#container").resizable({ alsoResize:"#inside" });

如果我在边距中取出汽车，它工作正常，但在那里它不起作用。有没有办法使这项工作或只是另一种方法来使页面居中而不使用自动？

4

1 回答 1

1

我获取了 Resizeable 插件的演示代码之一，并对其进行了调整以完成我认为您正在尝试完成的工作。如果不是这样，请提供指向您所拥有内容的链接，或粘贴到整个页面中：

<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Resizable - Default functionality</title>
    <link type="text/css" href="http://jqueryui.com/themes/base/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="http://jqueryui.com/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="http://jqueryui.com/ui/ui.core.js"></script>
    <script type="text/javascript" src="http://jqueryui.com/ui/ui.resizable.js"></script>

    <link type="text/css" href="http://jqueryui.com/demos/demos.css" rel="stylesheet" />
    <style type="text/css">
        #container { width: 150px; height: 150px; }
        #container #inside { height:100px; width:100px; margin:0 auto; background:#eee; }
    </style>
    <script type="text/javascript">
    $(function() {
        $("#container").resizable({ alsoResize:"#inside" });
    });
    </script>
</head>

<body>
    <div class="demo">
        <div id="container" class="ui-widget-content">
            <div id="inside"></div>
        </div>
    </div>
</body>

仅供参考 - 我刚刚在 Mac 上的 Firefox 和 Safari 中进行了测试。

于 2009-11-14T22:50:07.877 回答