2012-02-15 12 views
5

$('body').css('background-color', 'blue'); benim için çalışmıyor.JQuery ile vücut arka planını geçersiz kılma?

Sayfada geçerli olan başka eşleşen CSS kuralları var gibi görünüyor.

Bu CSS'yi çalışmaya zorlayabilmemin bir yolu var mı? Arka plan görüntüsünü denediğimde bu da çalışmaz ...

Google Chrome'un CSS gezgini sayesinde, gövde için üç farklı CSS kuralları vardır.

Bunun nasıl çalıştığını ve neden yukarıdaki JQuery'nin çalışmadığını anlamıyorum.

Bana bilgi verin lütfen!

[DÜZENLE]

cevap CSS geçersiz kılma için mükemmeldir! Teşekkür

Not: zamanın, o yardımcı olur baştan Önbelleği ve tarama verileri;)

+0

'[php]' etiketi kaldırıldı ... –

+0

Bu sizin '$ ('body') css()' kural gerçekleştiğinde bağlı olabilir - sayfa zaten yüklendikten sonra çalışıyor mu? – summea

+0

FF, Chrome ve IE'de benim için çalışır: http://jsbin.com/ubenar –

cevap

13

bu stili zorlamak istiyorsanız tarzı sonra !important kullanmak çakışma durumunda uygulanacak.

$(function(){ 
    $('body').css('background-color', 'blue !important'); 
}); 
+0

Bu gerçekten olabilir. –

+0

CSS satır içi stiline eşit değil, bu yüzden daha güçlü değil, diğer tüm csse kural bile! – gdoron

+2

Eğer css sınıf stillerinde '' önemli '' varsa, inline stili de yardımcı olmaz. Geçersiz kılmak için satır içi stiller içinde '! Önemli 'belirtmemiz gerekiyor. – ShankarSangoli

2

bu tarz önceliğini itecektir !important kullanma: genellikle !important

+0

@ T.J.Crowder - '! Önemli 'bir yere bağlı bir stil sayfasında ayarlanmadı. Oldukça eminim! Bir stil sayfasındaki önemli, önemli olmayan bir satır içi stilden daha yüksek bir önceliğe sahiptir! Önemli – Curt

+0

'@ Curt': Ugh. Bunun hakkında doğru olduğunu söylediğim için üzgünüm: http: // jsbin.com/ubenar/2 (CSS özelliklerinde bu ifadeyi hemen bulamıyorum, ancak Chrome, Firefox ve IE hepsi aynı fikirde olduğunda, sadece bunu özlediğimi anladım). veba. :-) –

+0

@ T.J.Crowder İkimiz de aynı fikirde olabiliriz! – Curt

1
kullanmaktan daha iyi bir çözüm yoktur gibi, kaynak kodun daha yukarı gönderme değer olabilir Ancak

$('body').css('background-color', 'blue !important'); 

Yüklendikten sonra çalıştırmayı deneyin:

+0

Hiçbir şey değişmeyecek. – gdoron

0
$('body').css('background', 'blue !important'); 

Ama çakışan nereden geldiğini görmek ve bunu düzeltmek gerekir:hızlı bir çözüm olarak, belki bu deneyin. .

0
<script type="text/javascript"> 

    $(document).ready(function(){ 
      $("body").css("background-color","blue!important"); 
    }); 

</script>