在Firefox和IE浏览器中的jQuery UI可调整大小错误（？）

我正在为一家公司构建一个人力资源模块，使用带有动态内容的可排序表格。完成项目后，客户端要求将表格垂直调整大小。我将jQuery UI resizable（）应用于主表所包裹的div。它在Safari和Chrome中工作得很好，但是当在Firefox或IE中调整wrapper div的大小时，表格的高度保持不变，并且不扩展到div的尺寸。在Firefox和IE浏览器中的jQuery UI可调整大小错误（？）

的简化的标记看起来像这样：

<div id="list"> 
    <div class="table-container"> 
     <table> 
      (blablabla, this is a sortable table with clickable th's and about 10 columns) 
     </table> 
    </div> 
</div>

的样式是：

#list { 
    width: 1150px; 
    height: 180px; 
    float: left; 
    overflow: hidden; 
    border: 1px solid #aeaeae; 
} 

#list .table-container { 
    width: 1145px; 
    height: 175px; 
} 

#list table { 
    width: 100%; 
    height: 100%; 
    float: left; 
} 

#list table td { 
    height: 20px; 
    vertical-align: middle; 
}

我已经使用各种溢出，位置和显示值给每个元素试图，但结果并没有好转。 jQuery的一部分是：

$(document).ready(function() { 
    $("#list .table-container").resizable({ alsoResize: "#list", handles: "s" }); 
});

是否真的有这样的问题与Firefox/IE，或者我做错了什么？

来源

2011-07-26 csab

如果可能的话，在开发环境外测试这些东西总是有帮助的，例如[jsfiddle]（http://jsfiddle.net），您可以在其中分离代码的基本组件，以便隔离任何问题原因。当我正在处理动态填充的内容时，我只需填充虚拟数据并在其他地方独立于应用程序构建它。我也无法重现这一点。 – Ken

在Firefox 9.0.1中测试了您的代码。找不到问题。

表格高度确实随着div大小的改变而改变。

我发现表在Firefox，IE和Chrome上正确重新调整大小。

我不认为FF或IE有什么问题。猜你的代码中的其他内容正在影响它。

来源

2012-01-15 08:30:09 nunespascal

在Firefox和IE浏览器中的jQuery UI可调整大小错误（？）

回答

相关问题