Simple javascript/jquery append, remove question

Question

Hey guys, quick question. I have a div that on click will execute a jquery function onclick, and then replace the div with its opposite div which onclick will replace back to the first div just like the favorite function on this site. I am having a simple problem I hope someone can spot or explain to me it is not possible. The function works with the initial two divs that are served directly, but when I click on either of the original two divs, and the function executes and replaces the div with the corresponding div the replacement div does not execute the function. I have to refresh the page to get the original div, which is identical to execute the function. Is the div actually replaced on the page with append, or does it just visually show it? Any advice appreciated.

original div

<div class="unfavorite"><img id="unfavorite_img" src="images/favorite2.png" /></div>

javascript div replacement

 $(".favorite").remove();
 $(".favoriteholder").append('<div class="unfavorite"><img id="unfavorite_img" src="images/favorite2.png" /></div>');

Mahesh Velaga · Accepted Answer · 2010-04-01 20:25:23Z

2

Instead of removing, hide them. Because, once you remove the DOM element, until the page is refreshed that DOM element is gone!, so you can't actually access it.

Other alternative is, have a temp div that holds this content (content for both divs) and get the content from the div to append to the present div or to create the removed div

answered Apr 1, 2010 at 20:25

Mahesh Velaga

22k5 gold badges41 silver badges60 bronze badges

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

3 Comments

Scarface Over a year ago

that is what I thought, but then how can I get the appended div to work is that possible? I don't care about the removed one, I just want the one that is appended to trigger the function. Do I have to hide it then fade it in?

Mahesh Velaga Over a year ago

you have to care about the removed one because you need it when you click on the present div, isn't that right?

Scarface Over a year ago

o so I need both? What I was doing was removing one and appending the other then trying to click on the appended one, but I guess your saying that I need to have the appended one preloaded and fade it in then fade the other out? I wanted the same effect you have on this site when favoriting a topic.

Collectives™ on Stack Overflow

Simple javascript/jquery append, remove question

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related