0

让我解释一下问题：

我的 Web 应用程序的各个页面都包含 jQuery UI 选项卡，这些选项卡在它们的一个选项卡页面上显示一个 jqGrid。这些 jqGrid 中的每一个在其导航栏中都有几个按钮（添加、编辑等）。问题是当用户将鼠标悬停在其中一个按钮上时，导航栏中每个按钮的文本向右移动大约 1 个像素，向下移动 1 个像素。

这只发生在标签页内的 jqGrids 上 - 应用程序中其他网格上的按钮工作得很好（IE，当用户将鼠标悬停在按钮上时，按钮文本不会移动）。

我已在选项卡 show() 事件中添加代码，仅在第一次显示选项卡页时初始化 jqGrid，而不是仅在就绪事件中初始化 jqGrid。但这似乎没有任何效果。

有任何想法吗？

4

2 回答 2

2

最后将其归结为 HTML 文档类型定义中的语法错误。DTD 缺少它的 URI：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

如果省略 URI，浏览器会使用“怪癖”模式来模拟旧浏览器中的呈现错误。将文档类型更正为以下修复了像素偏移：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

也许其他人会发现这很有用。这让我快疯了！

于 2009-08-24T14:27:12.720 回答
0

jqgrid 本身可能存在问题。当我在网格的底部工具栏上有按钮时（如编辑行按钮），我注意到像这样的像素偏移

于 2009-08-22T17:51:06.570 回答