web-dev-qa-db-ja.com

jQuery-要素が表示されているときに背景色を削除する

別の要素が表示されたら、メニューの背景色（背景色のみ）を削除したいと思います。私はこのコードを書きましたが、動作しません-誰かが助けることができますか？

$(function() {
if($("#wrapperHome").is(":visible")) {
    $("#menu a").css({ "background-color", "black" });  
}
});

メニューには、この背景スタイルシート情報があります。

background:url(img/official/menu.png) center center no-repeat #f2f2f7;
jquerybackground-colorvisible
12
didi

あなたはこのようなものが欲しいと思います...

$("#menu a").css("background-color", "");

Background-colorを ""に設定すると、基本的にスタイルが削除され、色が削除されます。

19
Charlie74

使用する :ない, key/val CSSの変更を行う場合：

$("#menu a").css({ "background-color" : "black" });

または、1つの値なので：

$("#menu a").css("background-color", "black");
2
tymeJV

サイトのCSSにスタイルを移動する必要があります。これにより、CSSがjs全体に散らばることがなくなり、再利用できます。

.selected-menu-item{ // or what ever it is that has a black background
  background-color: black;
}

次にjqueryで：

$("#menu a").toggleClass("selected-menu-item");
0
Jared