javascript - 如何使用 JQuery 附加多个标签和脚本

Question

我对 JQuery 很陌生，并且有可能是一个非常基本的查询。

我正在尝试将一系列标签（包括脚本）附加到带有 ID 的 DIV 中，但我不断收到错误消息：

'未捕获的语法错误：意外的令牌非法'

这是脚本：

<script>
 $("#addBender").click(function() {
  alert("Handler for .click() called.");
  $(".addBender").append('<pre class="_cssdeck_embed" data-pane="output" data-user="devilsbackyard" data-href="dancing-robot-with-reflection" data-version="0"></pre>\<script async src="http://cssdeck.com/assets/js/embed.js"></script>');
 });
</script>

要附加到的 HTML click 元素 (#bender) 和 DIV (class="addBender")

<div class="gradientbuttons" id="addBender" class="clickSlide">
    <ul class="redtheme">
       <li><a href="#">Sad man walks slowly</a></li>
    </ul> 
</div>

<!--add bender here when button clicked-->
<div class="addBender"></div>

Answer 1

尝试这个 ：

$("#addBender").click(function() {
 alert("Handler for .click() called.");
 $(".addBender").append('<pre class="_cssdeck_embed" data-pane="output" data-user="devilsbackyard" data-href="dancing-robot-with-reflection" data-version="0"><'+'/'+'pre><script async src="http://cssdeck.com/assets/js/embed.js"><'+'/'+'script>');
});

JsFiddle 演示