如何附加多个标签&使用JQuery的脚本

时间:2013-10-26 12:28:09

标签: javascript jquery html

我是JQuery的新手,可能是一个非常基本的查询。

我正在尝试将包含脚本的一系列标签附加到带有ID的DIV中,我一直在收到错误:

'未捕获的语法错误:意外的令牌ILLEGAL'

这是剧本:

<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点击元素(#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>

1 个答案:

答案 0 :(得分: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 Demo