0

コード：

$(document).ready(function () {
    $('.button').click(function () {
         $('.button').toggleClass('active');
    });
});

CSS:

.button {
     background-color: red;
}
.active {
     background-color: green;
}

JQuery は機能しますが、.button の CSS が .active の CSS を上書きします。アクティブなときに .active が優先されるようにするにはどうすればよいですか? 適用したくない!重要。その他の方法で？

4

1 に答える 1

1

.removeClassクラスを見ることができます。そのため、クリック イベントがトリガーされたときにアクティブなクラスを削除できます。その後、 .addClass関数を使用して、選択した css クラスを追加できます。

現在選択されているクラスを確認し、状況に応じて変更することができます。最善のアプローチではないかもしれませんが、うまくいくはずです。

.onも参照してください。.onは、DOM の構築と操作に関するトラブルを防ぐことができます。推奨される注意事項.

$('.button').on("click", function () {
    //...
});
于 2013-08-26T22:30:28.007 に答える