Why click function is triggering multiple times?

Question

I've faced multiple times when I try to use .click() function that triggers the click event multiple times and have solved anyway previously and didn't noticed about this. And this time also I was facing the same problem and after an hour I noticed why this is happening. Below is an example:

wrong: (triggering click events multiple times)

$(selector).on('click',function(){
//do some func
}
$(another-selector).on('click',function(){
$(selector).click(); //trigger previous selector click function
}

right: (triggers once as expected)

$(another-selector).on('click',function(){
$(selector).click(); //trigger function before calling the function
}
$(selector).on('click',function(){
//do some func
}

What are selector and another-selector? Maybe another-selector is subset of selector? — Boris Parfenenkov
– Boris Parfenenkov, Commented Dec 20, 2013 at 8:49
@idlerboris yeah the another-selector is outside the selector markup — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Dec 20, 2013 at 8:52

Armen Abrami · Accepted Answer · 2013-12-20 08:52:12Z

1

You are missing ");" in some places

Here is how you should write it

$(selector).on('click',function(){
    //do some func
});
$(another-selector).on('click',function(){
    $(selector).click(); //trigger previous selector click function
});

answered Dec 20, 2013 at 8:52

Armen Abrami

2242 silver badges8 bronze badges

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

1 Comment

Armen Abrami Over a year ago

@C-link Actually it is... Check this fiddle jsfiddle.net/BaXJ7 The code is correct, but if you remove the two ); I added, it wont work. You are not closing your .on functions.

Arthur Halma · Accepted Answer · 2013-12-20 08:49:43Z

0

$(selector).on('click',function(){
//do some func
}
$(another-selector).on('click',function(){
$(selector).trigger('click'); //trigger previous selector click function
}

answered Dec 20, 2013 at 8:49

Arthur Halma

4,0013 gold badges26 silver badges44 bronze badges

Comments

Erik Nijland · Accepted Answer · 2013-12-20 08:50:59Z

0

Are you aware of https://www.google.nl/search?q=event+propagation?

The issue could be anything, need some HTML and real selectors to answer this one...

answered Dec 20, 2013 at 8:50

Erik Nijland

1,1993 gold badges9 silver badges25 bronze badges

Collectives™ on Stack Overflow

Why click function is triggering multiple times?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related