jquery - 设置iframe宽度不起作用

Question

我知道，这件事被问了2万亿次，但我还是不能完成。 iframe是在我从外部Feed获取的源内动态生成的。

我的jquery是：

$(function(){
   $('iframe').each(
      function(index, elem) {
         elem.setAttribute("width","250");
      }
   );
});

此代码无法设置iframe的宽度。

还有一件事：我检查了iframe属性，并且在浏览器中不可编辑，这与其他css样式不同 - 这意味着，我的jquery在DOM准备好后也无法设置它

到底是什么？这有什么解决方法吗？

Answer 1

$('iframe').each(function(){
    $(this).width(250);
});

文档：http://api.jquery.com/each/和http://api.jquery.com/width/#width-value

Answer 2

使用.attr，而不是.setAttribute。

Answer 3

为我工作

    $('iframe').each(function(){
        $(this).width( w );
    });

http://jsfiddle.net/8e1gz475/

Answer 4

有一种非常简单的方法来分配＆＃34; 宽度或高度＆＃34;运行时的任何元素，并使用＆＃34; .width()和.height()＆＃34; jQuery的方法。

参见：

http://api.jquery.com/width/

http://api.jquery.com/height/

以下是一个例子：

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

Example：常规iframe，无需在运行时更新高度和宽度。

Example：在运行时更新高度和宽度。

这是iframe宽度的另一个stackoverflow问题，如果你使用多个iframe，你可以在答案中找到很好的解释：  的 Change iframe width and height using jQuery?

Answer 5

尝试：

$(function(){
   $('iframe').each(
      function(index, elem) {
         elem.css({ "width":"250px !important" });
      }
   );
});