JavaScript/jQuery: event fired twice

Question

I\'m trying some event bindings with jQuery, and I have this simple code in my document ready:

$(document).ready(function() {
    $(\"p a\").each(function(i,         


        

Answer 1

I suppose this doesn't answer your question, but this post came up while researching my own bug. It turned out the problem was that I had inadvertently included an external javascript twice.

Just thought it would be worthwhile to document this for others who have the same problem. An obvious error that took a while to track down!

Answer 2

I think somehow the alert is actually causing the extra events in Chrome. With the following code I only see one event.

$(document).ready(function() {
  $("p a").each(function(i, selected){
    $(selected).hover( 
      function(event) { $("p").append('<br>over: ' + event.type); }, 
      function(event) { $("p").append(' out: ' + event.type); });
    }
  )
});