Javascript Iframe未使用jQuery嵌入到div中

我在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);

var-imageURL='1〕https://www.youtube.com/embed/zZasH6qkn8M';
var setWidth='90%'；
变量setHeight='211px'；
var iframeContainer=''+'试试这个简单的javascript代码。使用
.html

$(document).ready(function() {
    $("#test").html("<iframe src='http://jsfiddle.net'></iframe>");  
});

$（文档）.ready（函数（）{
$（“#测试”）.html（“”）；
});
如果在
src
属性的末尾缺少结束引号，请尝试：

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=''+''；

您永远不会关闭src的属性

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

。。。src=“”+imageURL+”>“+”；
^
开而不关
引用错误