在離子狀態下更改iframe的iframe內容

我想使用離子建立我的網頁的移動版本。我計劃通過加載我的iframe中的網頁視圖中像這樣這樣做：在離子狀態下更改iframe的iframe內容

<iframe src="http://www.mywebsite.com" />

但問題是，我想隱藏的iframe中加載一些元素。我嘗試將CSS類應用於iframe並關閉元素的可見性，但顯然，我無法將CSS應用於iframe的子元素。如果它是一個網頁，我可以寫一個jQuery方法來隱藏元素。但是我怎樣才能在離子中實現這一點？

來源

2014-11-15 Eddard Stark

iFrame中不應該被用來顯示你的網站的移動版本。你也不應該嘗試使用iframe來加載任何完整的網頁。有很多更好的選擇，請看看這個。我求你 – EasyBB

如果http://www.mywebsite.com是您的網站，您可以添加JavaScript來隱藏一些元素，如果在iframe中mywebsite.com本身。

注意：這假設您總是希望隱藏它，如果它在iframe中。

來源

2014-11-15 01:42:28

不，我不能總是隱藏這個元素，我只是希望它在頁面呈現在我的應用程序中時消失。 –

你可以嘗試以下

<ion-view title="News" hide-nav-bar="true" class="has-header"> 
    <ion-content class="has-header" padding="false"> 

<iframe src="http://www.mywebsite.com" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;"> 
    Your browser doesn't support IFrames 
</iframe>` 

    </ion-content> 
</ion-view>

來源

2015-01-13 16:29:45

在離子狀態下更改iframe的iframe內容

回答

相關問題