Jquery on-bound events trigger multiple instance code _jquery

An event is bound with the ' on ' function for a new button, which is triggered multiple times.

As the above code, if you click the ' btn1 ' button more than once, how many times the click event is bound to the ' btnbind ' button, on how many times it is bound to trigger.

Solution:

1. To bind it only once, you can first ' off ' and then ' on '.

$ (' #btnBind '). Off (' click '). On (' click ', Function () { 
  alert (123); 
}); 

2. Perform a post-unbind binding ()

$ (' #btn1 '). Click (function () { 
    $ (' #btnBind '). On (' click ', Function () { 
      alert (123); 
    }); <BR>     $ ("#btnBind"). Unbind ("click") 
}); 

Above this jquery on-bound event triggers multiple instance code is the small series to share all the content of everyone, hope to give you a reference, but also hope that we support the cloud habitat community.