使用jQuery更改iframe src属性中的参数

搜索了很多内容，但没有找到我正在寻找的内容。我想动态调整一个iframe的容器宽度。使用jQuery更改iframe src属性中的参数

HTML：

<div class="row hidden" id="audio"> 
      <div class="twelvecol last"> 
      <iframe id="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=710&height=308&scover=true&type=album&id=42808&title=" width="710" height="308"></iframe> 
      </div> 
     </div>

THX将jQuery我尝试注入宽度和高度的DIV＃内容放到iframe的src属性的参数：

<script> 
$(document).ready(function(){ 
     var contentwidth = $('#content').width(); 
     var contentheight = $('#content').height(); 
     var iframeUrl = 'http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=' + contentwidth + '&height=' + contentheight + '&scover=true&type=album&id=42808&title='; 
     $('#deezer').attr('src', iframeUrl).attr('width', contentwidth).attr('height', contentheight); 
}); 
</script>

THX对您有所帮助！

来源

2011-10-11 divstudio

什么是与你的问题的代码的问题？ –

此代码不会影响iframe的宽度。仍然是710px – divstudio

尝试['.width（）']（http://api.jquery.com/width）和['.height（）']（http://api.jquery.com/height）。 –

这里是解决方案

来源

2011-10-11 11:01:12 kst

thx但它是不够的，以改变宽度和高度属性在我的情况。我还必须修改src属性中的宽度和高度参数 – divstudio

不能只读取iframe的高度/宽度，然后重新使用它？ –

@divstudio请看看这个http://jsfiddle.net/DYxbf/我做一个样本测试。 – kst

使用jQuery更改iframe src属性中的参数

回答

相关问题