2012-03-21 33 views
0

我一直在試圖創建一個主題的谷歌加,這將使它黑色,藍色和白色使用javascript擴展中的jQuery /擴展。我遇到的問題是,當您點擊像照片按鈕這樣的鏈接時,它不會在網頁加載時重新運行腳本。儘管刷新照片頁面時它運行並看起來正確。當您向下滾動時,主頁上會發生同樣的情況。它加載的新內容不適用於我的設置。Google+主題抓取部分更新

我是新來javascript/jquery,所以這一直在竊聽我好幾天了。

這裏是我的代碼。

function init() { 
var newHTML='<a href="http://plus.google.com/"><img id="gbqld" class="gbqldr" src="//ssl.gstatic.com/s2/oz/images/google-logo-plus-0fbe8f0119f4a902429a5991af5db563.png" alt="Google Products"></a>'; 
document.getElementById('gbqlw').innerHTML = newHTML; 
} 
window.onload = init; 
$(document).ready(function() { 

$(".gC").css("background-color", "#111111"); 
$(".gC").css("color", "white"); 
$(".k-B-yd-nb-NH-wf").css("background-color", "#111111"); 
$("div").css("background", "#111111"); 
$("div").css("color", "white"); 
$(".k-B-fa-wf-mf").css("background-color", "#111111"); 
$(".Ku").css("color","#3366cc"); 
$(".roster_name").css("color","#3366cc"); 
$(".YmkEXd").css("background-color", "#111111"); 
$(".TvDVZb").css("background-color", "#111111"); 
$(".Lhhrrd").css("background-color", "#111111"); 
$(".Lhhrrd").css("background-color", "#111111"); 
$(".gbts").css("color","#3366cc"); 
$(".gbto").css("color","#3366cc"); 
$(".e-Ia-If").css("color","black"); 
}); 

所以我的問題是如何將我抓住部分負荷,使我能夠再次運行我的腳本,以確保它適用於它自身的新內容。

在此先感謝您的幫助和建議。
- 本地技術維修

回答

1

使腳本向文檔中注入CSS樣式表,而不是靜態重新設置所有這些元素。你現在正在做的是相當於遍歷文檔,用你指定的類挑出每個元素,並給每個元素賦予style="..."屬性。

您可以通過創建<style>元素並將其插入到文檔中來注入樣式表。

+0

我曾嘗試通過Chrome擴展中的content_scripts注入樣式表。我的許多樣式都會被Google +樣式所覆蓋。即使我在文檔結尾運行。這就是爲什麼我轉向編輯每個班級的原因。 – LocalTechRepair 2012-03-22 02:24:35

+0

如果您的風格被忽略,請使用'!important'。 – duskwuff 2012-03-22 02:33:42

+0

亨姆不知道,謝謝你的工作。 – LocalTechRepair 2012-03-22 02:55:42