How to append multiple tags & script using JQuery

Question

I'm very new to JQuery and have what is probably a very basic query.

I am trying to append a series of tags including a script into a DIV with a ID, I keep on getting the error:

'Uncaught Syntax Error: Unexpected token ILLEGAL'

this is the script:

<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>

The HTML click element (#bender) and DIV (class="addBender") to append to.....

<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>

if addBender is ID then $('#addBender').append() is the syntax. try adding your code to fiddle. — N20084753
– N20084753, Commented Oct 26, 2013 at 12:39

Subin · Accepted Answer · 2013-10-26 12:45:01Z

2

Try this :

$("#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

edited Oct 26, 2013 at 12:45

answered Oct 26, 2013 at 12:39

Subin

3,5731 gold badge36 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dancingbush Over a year ago

Ill try that. But what's JFiddle??

Subin Over a year ago

@dancingbush It's a site for online demos (html,css,js,jquery). jsfiddle.net

Collectives™ on Stack Overflow

How to append multiple tags & script using JQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related