Jquery Remove Class with Click

Question

I have been working on this for a bit now and just can't seem to get it to work. Where my problem is is that the css class is not being removed.

jQuery$(document).ready(function(){
    $('#about').click(function(){
        $('#about').addClass('bookOpen').before('<a href="#" class="closeButton">Close</a>');
    });

    $('.closeButton').click(function(){
        $(this).next().removeClass('bookOpen');         
    });
});

Have you tried .live()? Try calling each click this way: $('#about').live("click",function() { — orolo
– orolo, Commented Mar 2, 2011 at 21:19

Chris · Accepted Answer · 2011-03-02 21:21:04Z

4

You need to use .live instead of .click since you are dynamically adding DOM elements.

$('.closeButton').live('click', function() {
    $(this).next().removeClass('bookOpen'); 
});

answered Mar 2, 2011 at 21:21

Chris

4,4711 gold badge30 silver badges35 bronze badges

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

Comments

Frédéric Hamidi · Accepted Answer · 2011-03-02 21:20:08Z

2

Use live():

$(document).ready(function() {
    $('#about').click(function() {
        $('#about').addClass('bookOpen').before(
            '<a href="#" class="closeButton">Close</a>');
    });
    $('.closeButton').live('click', function() {
        $(this).next().removeClass('bookOpen');
    });
});

answered Mar 2, 2011 at 21:20

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Comments

amit_g · Accepted Answer · 2011-03-02 21:20:13Z

1

Use live

jQuery$(document).ready(function(){
    $('#about').click(function(){
        $('#about').addClass('bookOpen').before('<a href="#" class="closeButton">Close</a>');
    });

    $('.closeButton').live('click', function(){
        $(this).next().removeClass('bookOpen');         
    });
});

answered Mar 2, 2011 at 21:20

amit_g

31.3k8 gold badges67 silver badges124 bronze badges

Comments

Will · Accepted Answer · 2011-03-02 21:16:33Z

0

When you dynamically add something to the DOM, you need to re-add any jquery triggers to the new piece of DOM.

answered Mar 2, 2011 at 21:16

Will

6,2964 gold badges33 silver badges49 bronze badges

Collectives™ on Stack Overflow

Jquery Remove Class with Click

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related