jquery add remove objects

Question

Hey guys quick question, I have an add remove script that will add a unique element and should remove it on a click function but does not. I think it is because the added object is not in the DOM when page is loaded but I am not sure how to fix this. IF anyone has any advice I would greatly appreciate it.

    $(document).ready(function(){
    if (action=='content-change'){
    $('#droppable2-inner').empty().append('<div id="content-image"><img id="visual-background2" src=' + src + '></div><div id="drop-content" action="drop-image">x</div>');
    }

    $("#drop-content").click(function() {  
      $('#content-image').remove();
     }); 

 })

chris · Accepted Answer · 2010-05-10 15:17:27Z

4

Take a look at jquery live - that should do what you need.

answered May 10, 2010 at 15:17

chris

37.7k55 gold badges161 silver badges245 bronze badges

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

Comments

derek · Accepted Answer · 2010-05-10 15:20:37Z

2

try this instead of the .click, it will bind the click event to any matching element that is added in the page:

$("#drop-content").live('click', function() {  
      $('#content-image').remove();
});

answered May 10, 2010 at 15:20

derek

4,8961 gold badge25 silver badges26 bronze badges

Collectives™ on Stack Overflow

jquery add remove objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related