2015-03-08 109 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