通过jquery将src附加到iframe失败

Question

我通过jquery将iframe附加到我的html中。 代码是这样的。

function setImageUrl(imgname) {

   $(".large-image iframe").remove();
    var u = '<iframe width="560" id="iframevideo" height="315" src="#" frameborder="0" allowfullscreen></iframe>';
    $(".large-image").append(u);   
    document.getElementById('iframevideo').setAttribute("src", imgname); 
return true;

} 参数 imgname 正确显示，它是预期的Iframe src 但这总是产生一个空白iframe。喜欢这个

另一方面，如果我硬编码src一切正常。所以我认为这个问题是我设置src的地方。我尝试了不同的方法，但没有任何作用。

Answer 1

尝试

 document.getElementById('iframevideo').src=imgname;

或

$('#iframevideo').attr('src', imgname);

Answer 2

有工作演示..

function setimage () {
  $("#oldframe").remove();
  $("#main").append("iframe tag ");
  $('#newframe').attr('src', 'imgurl');
}

Demo