2015-03-08 127 views
0

我想用jquery(iframe是runat = server)更改iframe的高度。 高度不變。用jQuery更改iframe高度

我的代碼有什麼問題?

iframe標籤:

<iframe style="height: 956px; width: 100%" frameborder="0" runat="server" id="ift"></iframe> 

和jQuery:

 
    $(document).ready(function() { 

     $(window).resize(function() { 


      $('#ift').height($(window).height()) 


     }); 

    }); 
+0

正如我所期望的那樣工作:http://jsfiddle.net/7c49hjf2/調整輸出節的大小,您將看到高度變化。你需要什麼? – 2015-03-08 22:34:56

+0

我希望iframe的高度等於頁面高度 – Nomi 2015-03-08 22:42:12

回答

0

您應該將ClientIDMode="Static"添加到您的iframe中。 另外,您可以像這樣

$('.YourIframeCSSclass').height($(window).height()); 

你也忘了一個分號調整的I幀後一類添加到您的iframe和目標類而不是ID的。

1

如果是runat=server你不能保證ID,因爲ASP.NET改變它。請嘗試:

<iframe style="height: 956px; width: 100%" frameborder="0" runat="server" id="ift" ClientIDMode="Static"></iframe> 
+0

謝謝它適合我! – Nomi 2015-03-08 23:09:53