javascript - 我的 jQuery 表格自动过滤器不断更改表格行高。为什么?

标签 javascript jquery html css

我创建了一些 javascript/jquery 代码来过滤 html 表格。过滤器的工作原理是根据某些单元格的值为行分配两个类(“显示”和“隐藏”),然后使用 CSS 隐藏具有“隐藏”类的行。过滤器工作完美。但是,当我应用过滤器时,表格行高会以某种方式不断变化(通常高度会显着增加 - ~ 所需高度的 2 或 3 倍)。我不知道为什么会这样。我的代码只有几百行,所以我认为不值得粘贴在这里。而且我不知道我的代码的哪一部分导致了问题(或者问题是否与 javascript/jquery 或外部 css 文件有关)。

谁能就如何最好地调试此问题提供一些建议?

编辑:除了行高增加(主要问题)外,应用过滤器时列宽也会缩小一点。

更新:我解决了这个问题(至少对于不断变化的行高)。它与我设置表体高度的 CSS 设置有关。感谢下面的建议,我使用 Firebug 更仔细地检查了所有内容。我在 Firebug 中发现了一个功能,它允许您打开/关闭 CSS 属性,以及删除 DOM 元素。通过使用这些功能,我能够隔离导致问题的 on CSS 属性。感谢大家的投入。

最佳答案

您是否正在尝试执行类似 this 的操作? .

如果是这样,那么看看这是否有帮助,或者您是否可以放置一个类似的示例来复制问题。

我能想到的是:

1:当您的隐藏/显示出现问题时正在应用的类。

2:您尝试应用类的元素是错误的。

也许您可以在过滤器之前和之后发布一些示例标记。

关于javascript - 我的 jQuery 表格自动过滤器不断更改表格行高。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5997983/

相关文章:

javascript - JavaScript 游戏中的褪色图像

javascript - 如何在 Node JS 中获取新行并将其作为 JSON 传递并将其保存在文本文件中

javascript - 用于查找带有文本的节点的 XPath + 所有符合特定条件的后代和 sibling

javascript - 在 IE 中打印时无法摆脱页边距、页眉和页脚

html - 复选框轮廓边框颜色在 IE 浏览器中显示不正确

html - 全宽图像 slider

javascript - 通过脚本调用时,iframe 内容未进入正确位置

javascript OOP - 为什么参数对象在实例方法中不可见?

jquery - 计算和更新列表项的数量

html 搜索表单 - 对齐提交按钮