Javascript jQuery.before不包括div

因此，有一个h2包含以下类

entry-contentH2

，我只是尝试在h2之前包含以下div，但它甚至没有显示任何内容。我似乎不明白它为什么不添加它，因为当我在没有任何div的情况下尝试它，并且只使用文本进行测试时，它就工作了

jQuery(function($) {    
    $(".entry-contentH2").before("<div class="video_player"><iframe id="ytplayer" type="text/html" width="640" height="390" src="https://www.youtube.com/embed/'.$recipe->recipe_video.'?fs=1" frameborder="0"></iframe></div>");
});

jQuery（函数（$）{
美元（“.entry-contentH2”）。在（“”）之前；
});

为什么在这种情况下，before不起作用的原因是什么

---

下面是代码：

您的iframe很可能被youtube阻止。外部网站，如：

• youtube.com
• 谷歌网站
• stackoverflow.com
• 等等

没有加载到您的帧中，是因为他们有意利用某种帧杀手

建议如下：

---

您需要将内部或外部的

“

更改为

”

像这样

jQuery(function($) {                       //V here       V
    $(".entry-contentH2").before("<div class='video_player'>hi</div>");
});

jQuery（函数（$）{//V这里是V
美元（“.entry-contentH2”）。在“hi”之前；
});

大概

jQuery（函数（$）{//V here和here V
$（“.entry-contentH2”）。在（'hi'）之前；
})

---

谢谢，但我已经知道这不是问题所在。它只是不移动div和iframe，但是如果我只包含文本而不包含任何div，它会在h2之前包含它。但是感谢您的回复。请包含运行此JavaScript的HTML。您的代码中没有任何内容（除了前面提到的引号转义问题）这会导致它不起作用。@MikeMcCaughan我在上面包含了一个JSFIDLE。请在控制台中包含错误。另外，请让每个人都更容易理解，只在问题本身中包含一个，而不是在外部站点。您的FIDLE在未替换的引号中仍然存在相同的问题，所以您可能也想在那里修复它…不是我，有人在这篇文章上疯狂地投了反对票。

jQuery(function($) {           //V here                    and here V 
    $(".entry-contentH2").before('<div class="video_player">hi</div>');
})