0

我在 jqGrid 的 loadComplete 事件中有以下代码。

loadComplete: function() { 
    $("td",".jqgrow").height(40);
     // alternate background of every other row
    $("tr.jqgrow:odd").css({"background-color": "#DDDDDC", "background-image": "none"});
    $("th.ui-th-column").css({"font":"bold"});
    }

在每个浏览器中,前两行(高度和奇数行背景)都有效。但是,第三行($(th.ui-th-column).css({"font":"bold"}); ) 仅适用于 IE。

在 Firefox 中,每个列标题都有一个类:

class="ui-state-default ui-th-column ui-th-ltr"和一个role="columnheader"

在 IE8 中也是一样的。

如果我将 HTML 包装在 jqGrid 中colNames- 它适用于每个浏览器。我想要做的是为每个列标题加粗字体。不知道为什么loadComplete似乎只适用于 IE 之外的 3 个中的 2 个。有任何想法吗?

4

1 回答 1

1

代替

 $("th.ui-th-column").css({"font":"bold"});

尝试这个

 $("th.ui-th-column").css("font","bold");
于 2013-05-28T16:48:26.107 回答