2013-05-28 83 views
0

我在jqGrid的loadComplete事件中有以下代碼。jQuery - jqGrid - loadcomplete事件格式 - Firefox,IE和Chrome

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中也是這樣。

如果我在jqGrid的colNames中包裝HTML - 它適用於每個瀏覽器。我想要做的是每個列標題的字體爲加粗。不知道爲什麼loadComplete似乎只適用於IE以外的3。有任何想法嗎?

回答

1

而不是

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

嘗試在IE8這個

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

上述工作,但在Firefox或Chrome沒有影響。在IE的每一行中,它們都有'style =「width:xxxpx; font-weight:bold;」 - 在Firefox中,它們只有'style =「width:xxxpx;''。 –

+0

我把''font「'改成了''font-weight」',它可以在每個瀏覽器中使用。 –