jQuery add Click event to existing click event

Question

My Question:

I trigger a click event one time for every checkbox, now i want to add in special case a function to this click event.

jQuery(document).on("init.checkbox", function(){
    jQuery('.checkbox').each(function($index){

        jQuery(this).click(function(){
                    bla bla
        });
    });
});

Now i want to add for same and more classes a click event that just fired one time. If i do this :

jQuery(document).on("click.checkbox.label", function() {
    jQuery('.radio, .label_radio, .checkbox, .label').each(function () {
        jQuery(this).bind('click', function (event) {

            console.log('event fired');
            loadDetailHeight();
        });
    });

});

i got evey time i click a new event in so it stacks.

Example:

12:30 : event fired
12:31 : event fired
12:31 : event fired
12:32 : event fired
12:32 : event fired
12:32 : event fired

It stacks every time one more. How can i reach that the event just add one time?... :(

Thx 4 Help

davidkonrad · Accepted Answer · 2013-09-21 11:43:58Z

1

use stopPropagation, it prevents further propagation of the event :

jQuery(this).bind('click', function (event) {
    event.stopPropagation();
    console.log('event fired');
    loadDetailHeight();
});

edited Sep 21, 2013 at 11:43

answered Sep 21, 2013 at 11:37

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

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

1 Comment

Wykk Over a year ago

Thx i tried it, but it dont work. And now it works perfekt ... sry for this question -.-

Collectives™ on Stack Overflow

jQuery add Click event to existing click event

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related