jQuery Click is executing multiple times

Question

Consider the following code.

$(function(){

    $(".notes").click(function(){
        console.log('hi');          
    })
})

    <a data-shipmentid="1" href="#" class="notes btn btn-primary btn-xs">Notes</a>
    <a data-shipmentid="1" href="#" class="notes btn btn-primary btn-xs">Notes</a>
    <a data-shipmentid="1" href="#" class="notes btn btn-primary btn-xs">Notes</a>
    <a data-shipmentid="1" href="#" class="notes btn btn-primary btn-xs">Notes</a>
    <a data-shipmentid="1" href="#" class="notes btn btn-primary btn-xs">Notes</a>

The purpose is to log a message when any of the hyperlink is clicked. The issue I am facing is that if I click on a hyperlink, then the console it getting the message "hi" 5 times ( the total number of hyperlinks with the class "notes" )

I understand that something is wrong. How do I check what is wrong here in this case? I see console is not displaying any error messages. Anyone has any idea why the event is firing up multiple times?

that should only be done once - can you reproduce in a fiddle or snippet? — Daniel A. White
– Daniel A. White, Commented Jan 16, 2015 at 1:22
Yes, you are right, it should only execute once. And I can't reproduce it on JsFiddle( I tried that ) with the same code that I am using on my project ( which is a large project ). I need some suggestions on where to look for possible errors — zeroweb
– zeroweb, Commented Jan 16, 2015 at 1:24
I also tried to upgrade jQuery from 1.10 to 1.11 thinking that it may be the issue with jquery core, but it isn't — zeroweb
– zeroweb, Commented Jan 16, 2015 at 1:24

zeroweb · Accepted Answer · 2015-01-16 16:16:02Z

1

The answer provided by Shanimal worked!

$(function(){
 $(".notes").off().click(function(){
    console.log('hi');          
   })
})

answered Jan 16, 2015 at 16:16

zeroweb

2,7725 gold badges26 silver badges36 bronze badges

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

Comments

Lumi Lu · Accepted Answer · 2015-01-16 05:14:19Z

0

How about use .one()

$(function(){

    $(".notes").one('click', function(){
        console.log('hi');          
    })
})

answered Jan 16, 2015 at 5:14

Lumi Lu

3,3011 gold badge14 silver badges21 bronze badges

Collectives™ on Stack Overflow

jQuery Click is executing multiple times

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related