改變通過javascript加載的部件顏色的方法

我的網頁包含一些外部JavaScript（準確的MET Office天氣部件），它將一些HTML加載到頁面中。改變通過javascript加載的部件顏色的方法

我試着改變使用jQuery的部件顏色來改變特定位的CSS，一旦頁面加載，但它似乎並沒有工作。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('div#location').css('color', 'red !important'); 
    }); 
</script>

有什麼建議嗎？謝謝。

2011-05-26 zorc323

檢查的變化，你在上面使用螢火蟲發，看看它是否有效，否則在dom中降低的東西有一個風格，將覆蓋你的價值... – Haroon 2011-05-26 14:55:20

什麼時候遇到的辦公室小部件實際上加載到頁面？在document.ready之前或稍後通過ajax調用？ – Haroon 2011-05-26 14:56:11

$('#location').css({'color':'#f00'});

另外請記住，如果你有div中的元素樣式，他們可能會重寫容器的樣式。更好的解決方案是創建CSS規則，只適用一類的JS加載的內容

JS：

$('#location').addClass('my-awesome-color-class');

CSS：

.my-awesome-color-class, 
    .my-awesome-color-class a, 
    .my-awesome-color-class p { color: #f00 !important } /* ans so on and so forth */

2011-05-26 14:57:36 devmatt

這不行，恐怕。剛注意到javascript小部件是作爲iFrame插入的，而不是直接插入到我的頁面中 - 是否有改變外部頁面中的CSS？ – zorc323 2011-05-26 15:07:40

除非iframe使用與您相同的域，或者您有權訪問iframe頁面（代碼訪問），否則該小部件允許通過參數進行其他樣式。 – devmatt 2011-05-26 15:16:16

回答