[Solved] jQuery Click event only works once

[betzster]

I’ve got an anchor link setup:

Code:

click here

and some jQuery to fade in a background and fade it back out when you click:

Code:

$(function() {

var box = $(“

“).addClass(“darkCover”).click(function() {
$(this).fadeOut();
});

$(‘.background’).click(function() {
$(“body”).prepend(box);
box.fadeTo(“s”,0.9);
});

});

For some reason the click events only fire once. The first time everything works fine, but after you fade the background in and out once it just doesn’t respond. If you click again, I can see in the inspector that the div is getting created, but with a display of none and clicking on it doesn’t activate the click even to get rid of it.

I know it has something to do with only loading once when the DOM loads, but I don’t know what to do about it. I’ve been at it for hours and any help would be appreciated, thanks.

[Author]

Posts