第一種：事件點選觸發兩次

$(".button").click(function(e){
    e.stopPropagation();   
　　//表示阻止向父元素冒泡；阻止預設行為，可以用event.isDefaultPrevented()來確定preventDefault是否被呼叫過了
    e.preventDefault();    
　　//阻止元素髮生預設的行為（例如，當點選提交按鈕時阻止對錶單的提交或者a標籤）；
　　阻止事件冒泡，事件是可以冒泡的，為防止事件冒泡到DOM樹上，不觸發任何前輩元素上的事件處理函式，
　　可以用event.isPropagationStopped()來確定stopPropagation是否被呼叫過了
 

});

第二種：當ajax時成功的觸發事件，如果多次ajax就會有多個事件存放，然後你點選時，就會觸發你點選的ajax的數目的事件。解決方法就是在ajax成功後先取消事件（$('.button').unbind();），再執行事件。

$.ajax({
　　 type: "POST",
    url:"/index.php",
    data:$('#hform_main').serialize(),
    dataType:'json',
    cache:false,
    error: function(request) {
        alert("Please refresh the page and try again.");
    },
    success: 
 
function(data) {
        if(data.over){
            $(".button").unbind();
            $(".button").click(function(){
                alert('alert over');
            });
        }
});