0

テーブルの行の 1 つに addClass および removeClass を適用しようとしましたが、何らかの理由で addClass および removeClass スタイルが適用されません。それらが機能していなかったので、css を使用しようとしましたが、これにより、一部のフィールドに同じスタイルを適用するコードが冗長になります。どんな助けでも大歓迎です。ありがとう

ファイアーバグから

<tr style="color: red; font-weight: bold; background: none repeat scroll 0% 0% rgb(255, 255, 255); cursor: pointer;" class="state-selected"><td style="padding:2.5px 0px 2.5px 2px;">Equipment</td></tr>



.state-selected {
    }

jspページの上部にスタイルを定義しました

<style type="text/css">
.state-selected {
    color: 'red';
    font-weight: 'bold';
}
 </style>    
$("#index tr:gt(0)").hover(

    function () {
        $(this).css({
            'background': '#e9e7e7',
            'cursor': 'pointer'
        });
    }, function () {
        $(this).css({
            'background': '#ffffff',
            'cursor': 'pointer'
        });
    }).click(function (e) {
        $("#index tr").removeClass('state-selected');
        $(this).addClass('state-selected');

    });
4

1 に答える 1

2

呼び出しを使用して、css()インライン スタイルを作成しています。これらはスタイルシートで定義されたものを常にオーバーライドします (!importantが使用されている場合を除きますが、これは避けるのが最善です)。

ポイントは、使用css()する場合、同じプロパティを定義するクラス名は適用されないということです。最初に追加した CSS スタイル ( {'color':'', 'font-weight':''}) を削除すると、クラス名が適切に配置されます。

于 2012-05-21T16:56:08.010 に答える