如何使用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演示