onclick触发两次_按钮onclick功能触发两次

I have a button that calls a javascript function using an event handler. For some reason, the event handler is being called twice.

Here is my button (I am using a php object to generate the code, that's why there are a lot of empty tags):

Add To Cart

Here is my event handler:

$('.addToCartButton').click(function() {

alert("bob");

//addToCart($(this).attr("id"));

});

Here, I am getting the alert twice.

I have tried calling the function addToCart in the button's onclick property, but if I try it that way, I get this error:

TypeError: '[object HTMLButtonElement]' is not a function (evaluating 'addToCart(0011110421111)')

I have also tried event.preventDefault() and event.stopPropagation(), and neither worked.

Any ideas why this is happening, or what I can do to stop it from executing twice, or maybe why I am getting an error if I call the javascript function from οnclick=""?

解决方案

Maybe you are attaching the event twice on the same button. What you could do is unbind any previously set click events like this:

$('.addToCartButton').unbind('click').click(function() {

alert("bob");

//addToCart($(this).attr("id"));

});

This works for all attached events (mouseover, mouseout, click, ...)