使用JQuery更改iframe高度

Question

我想用Jquery更改iframe的高度（iframe是runat = server）。 而且身高不会改变。

我的代码有什么问题？

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())


        });

    });

Answer 1

如果它是runat=server，那么自从ASP.NET更改后，您无法保证该ID。尝试：

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

Answer 2

您应该将ClientIDMode="Static"添加到iframe中。 或者，您可以在iframe中添加一个类，然后定位类而不是像

那样的id

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

在调整iframe大小后，你也忘了放一个分号。