jquery - 使用 jQuery 更改 iframe 宽度和高度？

Question

我尝试了在本网站上找到的解决方案。但是，它对我不起作用。我想有一个脚本在其他地方设置了这个，所以我需要在页面中添加一些代码来覆盖样式。

我试过这个:

<script type="text/javascript">
    $(document).ready(function () {
        $("#frame1").width(578);
        $("#frame1").height(326);
    });
</script>

但是，html出来还是这样:

<iframe frameborder="0" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"></iframe>

我希望宽度为578，高度为326。这是网站:http://beckindesigns.tumblr.com/

附言如果我添加一个类或 ID，它会从 html 中删除它。我正在使用 Tumblr..

Answer 1

如果您将 id="frame1" 添加到您的 iframe，它将起作用。

<iframe frameborder="0" id="frame1" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"></iframe>

$("#frame1") 将选择具有 id 属性 frame1 的元素。供引用:jQuery Selectors和 ID Selector .

更新:既然您说过 ID 被删除了，您只需更改选择器的工作方式，并将其应用于所有 iFrame:

<script type="text/javascript">
    $(document).ready(function () {
        $("iframe").width(678);
        $("iframe").height(526);
    });
</script>

如果页面上有多个 iFrame，并且不希望它们大小相同，可以使用 :eq(index)选择器，它将匹配从零开始的索引。因此，如果页面上有两个 iFrame，并且只想更改第二个，请使用:

<script type="text/javascript">
    $(document).ready(function () {
        $("iframe:eq(1)").width(678);
        $("iframe:eq(1)").height(526);
    });
</script>