2013-05-07 7 views
29

Was ist los? Ich möchte die Opazität ändern, wenn #nav .dropdisplay:block; istjQuery CSS Opazität

jQuery(document).ready(function(){ 
    if (jQuery('#nav .drop').css('display') === 'block') { 
     jQuery('#main').css('opacity') = '0.6'; 
    } 
}); 
+2

Versuchen Sie diese jQuery ('# main'). css ({'Opazität': 0.6}); – Sudz

+0

Ist dies für ein Dropdown-Menü? Vermutlich, wenn der Tropfen nicht "display: block" ist, ist er versteckt, also warum nicht einfach auf 60% Opazität setzen? Oder fehlt mir etwas? Es wäre schön, ein funktionierendes Beispiel dafür zu sehen. –

Antwort

61
jQuery('#main').css('opacity') = '0.6'; 

sollte

jQuery('#main').css('opacity', '0.6'); 

-Update sein:

http://jsfiddle.net/GegMk/ Wenn Sie das Textfeld eingeben. Klicken Sie weg, ändert sich die Deckkraft.

+0

yep, fand das gerade noch rechtzeitig, aber es funktioniert immer noch nicht. Irgendeine andere Idee? – Mike

+5

Opacity-Wert sollte keine Zeichenkette sein, also: 'jQuery (' # main '). Css (' opacity ', 0.6);' – interboy

17

mit Try this:

jQuery('#main').css({ opacity: 0.6 }); 
10

Try this:

jQuery('#main').css('opacity', '0.6'); 

oder

jQuery('#main').css({'filter':'alpha(opacity=60)', 'zoom':'1', 'opacity':'0.6'}); 

wenn Sie IE7, IE8 und so weiter unterstützen wollen.

-1

versuchen Sie mit .animate statt .css oder auch nur auf die Deckkraft eins und verlassen .css auf dem Display ?? kann

jQuery(document).ready(function(){ 
if (jQuery('#nav .drop').animate('display') === 'block') { 
    jQuery('#main').animate('opacity') = '0.6';