Bu kodla jquery'yi kullanarak css özelliğini nasıl değiştirilir?

Question

"#business" şu an için arka plana ayarlı: # 323232; # 000'ye nasıl değiştirebilirim; menü kapatıldıktan sonra "#business" a ve 323232'ye geri döndükten sonra? İşte

$(document).ready(function() { 

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

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

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

}); 

html geçerli:

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

Answer 1

Bir CSS özelliğini (veya birden özelliklerini gerekirse) değiştirmek için css yöntemi kullanabilirsiniz

:

$("#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"); 
}); 

Not I ettik Yalnızca biriyle bağlantı kurmak için hiçbir fark yaratmadığından, #business'a bağladığınız 2 olay dinleyiciyi birleştirdiniz.

Bir yan not olarak, boş bir dize hide geçirmeniz için bir neden var mı? Bu gerekli olmamalı.

Answer 2

css işlevi, arka plan gibi CSS özelliklerini değiştirmek için kullanılır.

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

Ama ne kastettiğini emin değilim: Bir renge (sizin durumda "#business") bir elementin arkaplanını değiştirmek isterseniz

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

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

Answer 3

, sadece do "menu", muhtemelen bize HTML kodunuzu göstermelisiniz!