让我解释一下这个问题:
我的Web应用程序的各个页面包含jQuery UI选项卡,这些选项卡在其中一个选项卡页面上显示jqGrid。这些jqGrids中的每一个都在其导航栏中有几个按钮(添加,编辑等)。问题是当用户将鼠标悬停在其中一个按钮上时,导航栏中每个按钮的文本向右移动约1个像素,向下移动1个像素。
这只发生在标签页内的jqGrids中 - 应用程序中其他网格上的按钮工作正常(IE,当用户将鼠标悬停在按钮上时,按钮文本不会移动)。
我已将选项卡添加到tab()事件中,以便仅在首次显示标签页时初始化jqGrid,而不是仅仅在ready事件中初始化jqGrid。但这似乎没有任何影响。
有什么想法吗?
答案 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本身可能存在问题。当我在网格的底部工具栏上有按钮(比如编辑行按钮)
时,我注意到像素移位