appending links to a div using jquery

Question

I have a div that I want to append a snippet of code into onclick. The problem is that the code doesnt work. I think it has something to do with the onclick and my commenting out attempts using '/'

Here is the jQuery:

$("#content_type_nav").html("<a id='add_content_container' onClick=/"window.location.href='create.php';/"><img id='add_content_icon' src='Site_Images/add_column.PNG'/></a>");

here is the html:

<div data-role="footer" id="content_type_nav" data-position="fixed">
        //I want the link to be inserted here
        <h1>Show me my...</h1>
    </div>

The link wont appear on click either. Is the code above correct? Am I suppose to use / near the "? — Die 20
– Die 20, Commented Apr 2, 2013 at 16:23

Cristi Pufu · Accepted Answer · 2013-04-02 16:26:11Z

3

Since you are already using jquery, you should delegate the onclick event.
And use prepend() to insert as first child.

var html = "<a id='add_content_container'><img id='add_content_icon' src='Site_Images/add_column.PNG'/></a>";

    $("#content_type_nav").prepend(html);
    $("#content_type_nav").on('click', 'a#add_content_container', function(){
             window.location.href='create.php';
    });

answered Apr 2, 2013 at 16:26

Cristi Pufu

9,1253 gold badges39 silver badges43 bronze badges

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

Comments

Youn Elan · Accepted Answer · 2013-04-02 16:21:54Z

2

It seems like you are replacing the content of that div. If you want to append to that div, you want to use the append() method instead of the html() method

answered Apr 2, 2013 at 16:21

Youn Elan

2,4623 gold badges26 silver badges33 bronze badges

1 Comment

Die 20 Over a year ago

I updated the question with the html. I also display where I am trying to get the link to appear.

tymeJV · Accepted Answer · 2013-04-02 16:25:48Z

2

From your code, try this:

$("#content_type_nav").append("<a id='add_content_container' onClick=window.location.href='create.php;'/><img id='add_content_icon' src='Site_Images/add_column.PNG'/></a>");

answered Apr 2, 2013 at 16:25

tymeJV

105k14 gold badges165 silver badges158 bronze badges

1 Comment

Die 20 Over a year ago

I tried this with prepend instead of append. but the link shows up, but it wont work. Thanks anyway though!

Collectives™ on Stack Overflow

appending links to a div using jquery

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related