jQuery - jqGrid - 在loadcomplete事件中格式化 - Firefox,IE&铬

时间:2013-05-28 16:38:47

标签: jquery internet-explorer firefox jqgrid header

我在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' s colNames中 - 它适用于每个浏览器。我想要做的是粗体每个列标题的字体。不确定为什么loadComplete似乎只适用于IE之外的3个中的2个。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

而不是

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

试试这个

 $("th.ui-th-column").css("font","bold");