だから私はいくつかのナビアンカーを持っています。これらがクリックされたときに、ページ上のいくつかの基本的な配色を変更したいと考えています。これを行うことができた唯一の方法は、以下のコードを使用することです。
それは問題なく動作しますが、もっとエレガントな方法があると思わずにはいられません。クラスを一挙に取り除くことが可能かどうか、誰か知っていますか?
編集:これはもっと明確だったかもしれません。元のクラスをなくしたくありませんでした。jQueryで追加されたクラスだけだと思います。混乱させて申し訳ありません。
ありがとう。
すべてのソリューションを実装しようとしました。
「{"エラー": "POST リクエストを使用してください"}" が表示されますが...
編集:これは href="?" が原因でした vs. href="#" 指摘されているように。
$(".home").click(function() {
$(".primary-color").addClass("one");
$(".primary-color").removeClass("two");
$(".primary-color").removeClass("three");
$(".primary-color").removeClass("four");
$(".primary-color").removeClass("five");
});
$(".services").click(function() {
$(".primary-color").addClass("two");
$(".primary-color").removeClass("one");
$(".primary-color").removeClass("three");
$(".primary-color").removeClass("four");
$(".primary-color").removeClass("five");
});
$(".pricing").click(function() {
$(".primary-color").addClass("three");
$(".primary-color").removeClass("one");
$(".primary-color").removeClass("two");
$(".primary-color").removeClass("four");
$(".primary-color").removeClass("five");
});
$(".special-thing").click(function() {
$(".primary-color").addClass("four");
$(".primary-color").removeClass("one");
$(".primary-color").removeClass("two");
$(".primary-color").removeClass("three");
$(".primary-color").removeClass("five");
});
$(".contact").click(function() {
$(".primary-color").addClass("five");
$(".primary-color").removeClass("one");
$(".primary-color").removeClass("two");
$(".primary-color").removeClass("three");
$(".primary-color").removeClass("four");
});