解决 Jquery 一个点击事件触发多次

1： 首先我们遇到的问题： 如下图

 

$("#save").click(function () {
    var new_permission = transfer.getData('index'); //获取右侧数据

    $.ajax({
        type: 'POST',
        url: '/system_save_permission/',
        async: false,
        data: {
            'page_type': pageType_url,
            'column_data': JSON.stringify(column_data),
            'new_permission': JSON.stringify(new_permission),
        },
        success: function (data) {
            $("#authority_modal > div > div > div.modal-header > button > span").trigger('click')
            insert_alert(data['result'], data['info'], sel_alert_div, '', 3);
        }
    });
})

 

我们做了一个按钮提交的点击事件： 测试之后呢！ 发现 只有按钮的 click 事件被触发了多次。。。

经过测试原来的代码是没有任何问题的，但是在查找问题的时候发现，点击保存  在点击确认框取消这个过程会让click在时间上有一个积累，也就是说你点击一次发送就触发一次click事件，就是你点击取消几次就会提交几次。这里很奇怪，明明没有触发#save绑定的click事件怎么会提交几次。这就是click事件在时间上的积累造成的。

解决方法：将

$("#save").click(function () {

这句代码修改为 $('#save').unbind('click').bind('click',function ()

可以完美解决 按钮重复提交的状况