javascript - iframe 没有使用 jQuery 嵌入到 div 中

Question

我在使用 jQuery append() 方法时遇到了一个奇怪的问题。我想在 div 中附加一个包含 iframe 的容器，但不知何故它不起作用，如果不是附加一个包含 iframe 的 div，如果我用任何其他普通 div 替换它它工作正常。

Jquery/JavaScript 代码 -

var imageURL = 'https://www.youtube.com/embed/zZasH6qkn8M';
var setWidth = '90%';
var setHeight = '211px';
var iframeContainer = '<div id="iframecontainer" style="position: relative;left: 50%;border: 0;top: 50%;transform: translate(-50%, -50%)">'+'<iframe id="ytFrameId" class="ytClassa" width="' + setWidth + '" height="' + setHeight + '" src="' + imageURL +'></iframe>'+'</div>';

//var iframeContainer = '<div id="retro">This is retro</div>';
$('#test').append(iframeContainer);

让我知道我的方法做错了什么。

fiddle - https://jsfiddle.net/vo4cg8o3/

Answer 1

永远不要关闭 src 的属性

 ... src="' + imageURL +'></iframe>'+'</div>';
         ^
         open but not closed