2012-02-14 11 views
9

"#business"は現在背景に設定されています:#323232; #000に変更するにはどうすればよいですか? "#business"をクリックしてメニューが閉じられたら323232に戻ってきたのですか?ここでこのコードでjqueryを使用してCSSプロパティを変更する方法

$(document).ready(function() { 

    $("#business").click(function(){ 
     jQuery.fx.off = true; 
     $("#businessmenu").toggle(""); 
    }); 

    $('html').click(function() { 
     $("#businessmenu").hide(""); 
    }); 

    $('#business').click(function(event){ 
     event.stopPropagation(); 
    }); 

}); 

はhtmlです:

<a href="#" id="business">Biz name</a> 
<div id="businessmenu"> 
    <a href="help.html">Help</a> 
</div> 

答えて

28

あなたは(必要に応じて、または複数のプロパティ)CSSプロパティを変更するcssメソッドを使用することができます:私はしました

$("#business").click(function(event){ 
    jQuery.fx.off = true; 
    $("#businessmenu").toggle(""); 
    $(this).css("background-color", "#000"); 
    event.stopPropagation(); 
}); 
$('html').click(function() { 
    $("#businessmenu").hide(); 
    $("#business").css("background-color", "#323232"); 
}); 

注意#businessにバインドした2つのイベントリスナーを結合して、それをバインドするだけの違いはありません。

hideに空の文字列を渡す理由はありますか?それは必要ではありません。

+0

これは1つの例外で正常に機能しました。#businessの#323232に戻りませんでしたか? – Josh

+0

@Josh - Ahh、私の編集を参照してください。私は '#business'ではなく'#businessmenu'にCSSプロパティを設定しました。 –

+0

あなたは男です、ありがとう:) – Josh

1

css機能は、背景などのCSSプロパティを変更するために使用されます。

$('html').click(function() { 
    $('#businessmenu').hide(""); 
    $('#busniessmenu').css('background-color', '#323232'); 
}); 

$('#business').click(function(event){ 
    event.stopPropagation(); 
    $(this).css('background-color', '#000'); 
}); 
3

あなたは色要素(あなたのケースでは「#business」)の背景を変更したい場合、あなたは、単にん:

$("#business").css({ 
    "background": "#000" 
}); 

しかし、私はあなたが何を意味わかりません"メニュー"、あなたはおそらく私たちにあなたのHTMLのコードを表示する必要があります!

+0

私はhtmlを上に置きました。基本的に#businessをクリックすると、 "#businessmenu" – Josh

関連する問題