Question

请在Firefox中尝试以下操作（我的版本：3.6.12）这是有效的，现在不是。它确实在IE中工作，它在FF中的jsFiddle工作 - 我认为插件可能会影响它。

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>Test</title>
   <link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" rel="stylesheet" />
   <style type="text/css" media="all">
      .ui-resizable-e {right:0; background:#eee; z-index:1000;}
      .ui-resizable-w {left :0; background:#eee; z-index:1000;}
       #foo
           {
              background   : #fff;
              border       : 1px solid #ccc;
              margin       : 0 auto;
              padding      : 1em; 
              text-align   : left;
              width        : 75%;
           }

   </style>
   <script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js" type="text/javascript"></script>
   <script type="text/javascript">
      $(function(){

         var foo = $('#foo');
         foo.resizable({
              animate       : true
            , animateEasing : 'swing' 
            , handles       : 'e,w'
            , resize        : function (event,ui){
                                 ui.position.left = ui.originalPosition.left;
                                 ui.size.width    = ( ui.size.width
                                                    - ui.originalSize.width )*2
                                                    + ui.originalSize.width;
                                 }
            });
      });
   </script>
</head>
<body>
   <div id="foo"></div>
</body>
</html>

重现错误：

抓住其中一条边并调整div的大小（拖动然后松开）通常一旦完成，就应该释放调整大小钩子，但对我来说不是。
在取消手柄后，我可以单击身体的任何位置（手柄左侧/右侧）来调整div的大小。

我已经在上面的测试页面中包含了完整的HTML（不冗长）。所有的CSS和脚本都链接到谷歌的库。

Answer 1

我刚刚在Firefox 3.6.12中尝试过，一切正常 - 我可以抓住，移动，当我发布时，它会调整大小。你提到的没有“悬挂式发布”问题。

为什么不以安全模式（firefox --safe-mode）启动它以在没有插件的情况下进行测试？

Answer 2

我认为问题存在于FireQuery v0.8的Firebug v1.5.4插件中。

具体来说，我发现在控制台中关闭jQuery Lint不再产生上述错误。

如果您能够重现错误，请发表评论。

jQuery：FF中可调整大小的问题 - 需要调试帮助

重现错误：

2 个答案: