鍍金池/ 問答/HTML/ bootstrap 中的 modal 模糊框如何獲取點擊按鈕事件？

bootstrap 中的 modal 模糊框如何獲取點擊按鈕事件？

我自己封裝了一個js函數(shù)！
使用起來有些問題，我設(shè)定了callback，會隨著點擊次數(shù)的增加，執(zhí)行次數(shù)也會增加，不知道是什么原因！

js封裝的函數(shù)

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();
    }

前端調(diào)用

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

<script>
        function test()
        {
            pages.showConfirm('測試','測試內(nèi)容',true,function(){
                console.log(1);
            },function(){
                console.log(2);
            })
        }
    </script>

console.log中打印的次數(shù)會隨著點擊次數(shù)不斷遞增！

回答
編輯回答
帥到炸

你的<button>里用的是onclick="test()"，也就是每點擊一次，都會去執(zhí)行test()函數(shù)，然后每次test()執(zhí)行的內(nèi)容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('測試','測試內(nèi)容',true,function(){
        console.log(1);
    },function(){
        console.log(2);
    }));
</script>

這樣你的button只注冊一次點擊事件即可。
希望能幫助到你。

2017年12月29日 12:53