bootstrap 中的 modal 模糊框如何获取点击按钮事件？

Question

我自己封装了一个js函数！
使用起来有些问题，我设定了callback，会随着点击次数的增加，执行次数也会增加，不知道是什么原因！

js封装的函数

showConfirm(title , content , showCancel , success , cancel)
    {
        showCancel = showCancel === false ? showCancel : true;
        $('#showModal .modal-title').text(title);
        $('#showModal .modal-body').text(content);
        if(!showCancel)
        {
            $('#showModal .cancel').hide();
        }

        $('#showModal .cancel').eq(0).click(cancel);//取消按钮DOM
        $('#showModal .success').eq(0).click(success);//确定按钮DOM
        $('#showModal').modal();
    }

前端调用

<button class="btn btn-info btn-sm" onclick="test()">test</button>

<script>
        function test()
        {
            pages.showConfirm('测试','测试内容',true,function(){
                console.log(1);
            },function(){
                console.log(2);
            })
        }
    </script>

console.log中打印的次数会随着点击次数不断递增！

Answer 1

你的<button>里用的是onclick="test()"，也就是每点击一次，都会去执行test()函数，然后每次test()执行的内容showConfirm当中都会去注册一次.cancel和.success的click事件——输出1|2，也就是每点击一次，就多注册一次，然后多输出一次1|2。你可以去掉button当中的onclick="test()"，然后这么写：

<button class="btn btn-info btn-sm" id="test_button">test</button>

<script>
    $('#test_button').click(showConfirm('测试','测试内容',true,function(){
        console.log(1);
    },function(){
        console.log(2);
    }));
</script>

这样你的button只注册一次点击事件即可。
希望能帮助到你。