Javascript jQuery:FF中的可调整大小问题-需要调试帮助_Javascript_Jquery_Debugging_Jquery Ui_Jquery Lint

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

javascript jquery debugging jquery-ui

Javascript jQuery:FF中的可调整大小问题-需要调试帮助,javascript,jquery,debugging,jquery-ui,jquery-lint,Javascript,Jquery,Debugging,Jquery Ui,Jquery Lint,请在Firefox中尝试以下内容（我的版本：3.6.12）。这是可行的，但现在不行了。它确实在IE中起作用，而且在FF中也起作用——我想一个插件可能会影响它代码：试验 .ui-resizeable-e{右：0；背景：#eee；z-index:1000；} .ui-resizeable-w{左：0；背景：#eee；z-index:1000；} #福 { 背景：#fff；边框：1px实心#ccc；保证金：0自动；填充：1em；文本对齐：左对齐；宽度：75%； } $（函数（）{

请在Firefox中尝试以下内容（我的版本：3.6.12）。
这是可行的，但现在不行了。它确实在IE中起作用，而且在FF中也起作用——我想一个插件可能会影响它

代码：


试验
.ui-resizeable-e{右：0；背景：#eee；z-index:1000；}
.ui-resizeable-w{左：0；背景：#eee；z-index:1000；}
#福
{
背景：#fff；
边框：1px实心#ccc；
保证金：0自动；
填充：1em；
文本对齐：左对齐；
宽度：75%；
}
$（函数（）{
var foo=$（“#foo”）；
foo.resiable({
动画：真实
，动画显示：“swing”
，句柄：“e，w”
，调整大小：函数（事件，用户界面）{
ui.position.left=ui.originalPosition.left；
ui.size.width=（ui.size.width
-ui.originalSize.width）*2
+ui.originalSize.width；
}
});
});

要重现错误，请执行以下操作：

夹持其中一条边并调整div的大小（拖动然后释放）。
通常情况下，一旦这样做，调整大小挂钩应该被释放，但对我来说，它不是

松开夹点后，我可以单击主体中的任意位置（夹点的左/右）以调整div的大小

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

我刚刚在Firefox 3.6.12中试用过，一切正常-我可以抓握、移动，当我释放时，它会调整大小。没有你提到的“悬而未决的释放”问题

为什么不在安全模式（

firefox--safe模式）下启动它，在没有插件的情况下进行测试呢？
我相信插件中存在问题
具体来说，我发现在控制台中关闭jQuery Lint
不再产生上述错误
如果您能够重现错误，请发表评论。
我找到了罪魁祸首，它是Firebug的附加组件。你能安装这个并让我确定这是不是问题吗？我已经安装了很多附加组件，我想确定一下。我刚刚安装了FireBug 1.5.4和FireQuery 0.8。在我打开jQuery Lint之前，一切都正常。在那之后，它就变得古怪了。我想有几种方法可以让它不起作用，但我认为这是一个速度问题——jQuery Lint记录了很多日志，所以它可能会遗漏一些事件。。。试着看看这在你的机器上是否相同。：）你看到我的答案了吗；您一定是在meWell之后不久找到它的，您让我安装并尝试-jQuery Lint看起来可能会受到干扰。。。在我添加了上述评论后，我看到了你的答案，但我才意识到是你——我还以为是其他人……：）干杯，谢谢你的帮助。顺便说一句，无论出于什么原因，我的Windows box都不会启动FF，而没有加载项。我认为Run命令是firefox-safe模式；此外，随附安装的安全模式图标也不起作用。这不是什么大问题，除了这样的情况。
<!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>