2013-10-29 51 views
1

我已經嘗試了許多不同的選擇和似乎沒有任何工作jQuery的.load添加overiding CSS樣式

我有一個包含了許多內聯CSS樣式的IFRAME!重要的標記我想在此改變他們的iframe有後加載

這裏是我的jQuery和我的失敗的jsfiddle

http://jsfiddle.net/VJuyR/

$(document).ready(function() { 
    $('<iframe />').load(function(){ 
      alert('the iframe is done loading'); 
      $(".poweredBy").css("display", "none"); 
    });   
}); 
+0

我知道這不是建議的,我打算購買一個帳戶,或者有一天建立這樣的事情,但暫時我想知道如何覆蓋樣式。 –

+0

如果您真的想這樣做,請使用Javascript加載該頁面,將整個HTML文件粘貼到一個新對象中,然後將HTML重新寫回到您的頁面上而不是使用iFrame。這不是有效的任何手段,但它永遠不會當你使用別人的網站lol – Deryck

+0

@Deryck你有一個我將如何做到這一點的例子? –

回答

0

使用iframe在PLAC的<iframe /> E,還使用contents()獲得iframe content然後使用find()element一樣,

$('iframe').load(function(){ 
     alert('the iframe is done loading'); 
     $(this).contents().find(".poweredBy").css("display", "none"); 
}); 

以上same domain將工作,這些元素都很方便。

根據same-origin policy你會得到權限被拒絕類型錯誤

+0

您不能修改您不擁有的iframe的內容。這將是跨站點腳本。解決方案是使用代理。 – bjb568

+0

@Dude你能解釋一下這個代理嗎 –

+0

@rohankumar你說這不會在我的域名上工作。 –