jquery可调整大小的光标未使用边距自动设置样式_Jquery_User Interface_Resize_Cursor_Resizable

jquery可调整大小的光标未使用边距自动设置样式

jquery user-interface

jquery可调整大小的光标未使用边距自动设置样式,jquery,user-interface,resize,cursor,resizable,Jquery,User Interface,Resize,Cursor,Resizable,我对jquery可调整大小的插件有问题。我已经解决了这个问题，并且想出了这个办法。如果我创建一个div并使其大小可调，同时使其具有alsoResize，则在大多数情况下都可以正常工作。但是，如果我将第二个div也设置为margin:0 auto，它将无法正常工作。鼠标光标从调整其大小的零件上脱落。下面是我所说的一个例子： <div id="container"> <div id="inside" style="margin:0 auto;"> </div&g

我对jquery可调整大小的插件有问题。我已经解决了这个问题，并且想出了这个办法。如果我创建一个div并使其大小可调，同时使其具有alsoResize，则在大多数情况下都可以正常工作。但是，如果我将第二个div也设置为margin:0 auto，它将无法正常工作。鼠标光标从调整其大小的零件上脱落。下面是我所说的一个例子：

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

如果我把边缘的汽车拿出来，它可以正常工作，但是在那里它就不工作了。有没有一种方法可以实现这一点，或者只是另一种方法可以不用自动将页面居中？

我抓取了一个可调整大小插件的演示代码，并对其进行了调整，以实现我认为您正试图实现的目标。如果不是这样，请提供指向您拥有的内容的链接，或粘贴到整个页面：

<!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>


jQuery UI可调整大小-默认功能
#容器{宽度：150px；高度：150px；}
#容器#内部{高度：100px；宽度：100px；边距：0自动；背景：#eee；}
$（函数（）{
$（“#容器”）。可调整大小（{alsoResize:#内部“}）；
});

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

<!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>


jQuery UI可调整大小-默认功能
#容器{宽度：150px；高度：150px；}
#容器#内部{高度：100px；宽度：100px；边距：0自动；背景：#eee；}
$（函数（）{
$（“#容器”）。可调整大小（{alsoResize:#内部“}）；
});

仅供参考-我刚刚在Mac上的Firefox和Safari中测试了这个问题。

有人知道如何解决这个问题吗？有人知道如何解决这个问题吗？好的，那么这怎么解决我的问题呢。这正是我所拥有的，当你移动光标时，它不会停留在容器的一侧。对不起。我看不到你的计算机上发生了什么。我在Mac上的Firefox和Safari中测试了这段代码，它工作正常。如果你真的对解决你的问题感兴趣，也许你可以提供更多的信息。（即：这种情况发生在哪些浏览器中？提供一个屏幕截图）好的，那么这如何解决我的问题呢。这正是我所拥有的，当你移动光标时，它不会停留在容器的一侧。对不起。我看不到你的计算机上发生了什么。我在Mac上的Firefox和Safari中测试了这段代码，它工作正常。如果你真的对解决你的问题感兴趣，也许你可以提供更多的信息。（即：在哪些浏览器中发生这种情况？提供屏幕截图）