我在使用 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/
最佳答案
永远不要关闭 src 的属性
... src="' + imageURL +'></iframe>'+'</div>';
^
open but not closed
关于javascript - iframe 没有使用 jQuery 嵌入到 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42632963/