代码之家  ›  专栏  ›  技术社区  ›  Justin Ethier

jqgrid显示问题-寻呼机中按钮的像素移位

  •  0
  • Justin Ethier  · 技术社区  · 15 年前

    我来解释一下这个问题:

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

    这只发生在选项卡页面内的jqgrids上-应用程序中其他网格上的按钮工作正常(即,当用户悬停在按钮上时,按钮文本不会移动)。

    我在tab show()事件中添加了代码,以便在第一次显示tab页时仅初始化jqgrid,而不只是在ready事件中初始化jqgrid。但这似乎没有任何效果。

    有什么想法吗?

    2 回复  |  直到 15 年前
        1
  •  2
  •   Justin Ethier    15 年前

    最后跟踪到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">
    

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

        2
  •  0
  •   Ron Harlev    15 年前

    jqgrid本身可能存在问题。我注意到一个像素移动,就像我在网格底部工具栏上有按钮时那样(就像编辑行按钮)。