jqGrid显示问题 - 寻呼机按钮上的像素移位

时间:2009-08-14 16:38:02

标签: jquery jquery-ui jqgrid

让我解释一下这个问题:

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

这只发生在标签页内的jqGrids中 - 应用程序中其他网格上的按钮工作正常(IE,当用户将鼠标悬停在按钮上时,按钮文本不会移动)。

我已将选项卡添加到tab()事件中,以便仅在首次显示标签页时初始化jqGrid,而不是仅仅在ready事件中初始化jqGrid。但这似乎没有任何影响。

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

最后将此跟踪到HTML文档类型定义中的语法错误。 DTD缺少其URI:

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

如果省略URI,浏览器会使用“怪癖”模式模拟旧版浏览器中的渲染错误。将doctype更正为下面修正了像素移位:

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

也许其他人会觉得这很有用。这让我发疯了!

答案 1 :(得分:0)

jqgrid本身可能存在问题。当我在网格的底部工具栏上有按钮(比如编辑行按钮)

时,我注意到像素移位