javascript - bootstrap 彈出層上再加alert

Question

bootstrap 彈出層上再加alert 打開modal之後取消，二次打開modal後觸發alert事件會alert2次！

$("#" + data[i].id).on('click', function () {
                    var that = this;
                    $("#uploadmodal").modal('show');
                    $("#submit").on('click', function () {
                        var val = $('#sykmmc option:selected').text();
                        var opV = $('#sykmmc option:selected').val()
                        if(opV=="10086"){
                            alert('您还未选择科目!');
                            return false;
                        }
                        $(that).parent().find("span").text(val)
                        if($(that).text()=="匹配"){
                            $(that).text("修改")
                        }
                        if($(that).parent().parent().find("td").eq(4).text()=="未匹配")             {
                            $(that).parent().parent().find("td").eq(4).text("已匹配")
                        }
                        $("#uploadmodal").modal('hide');
                    })
                }

每多取消一次modal 再次開啟之後觸發modal會比之前多alert一次

Answer 1

1把$("#submit").on('click',function(){}) 改成$("#submit").unbind('click').bind('click',function(){})試試

2.把$("#submit")放到$("#" + data[i].id).on('click',function(){});的後面也可以. 原因是你多次註冊了.

Answer 2

不是說不建議彈多層的彈跳窗麼，我們產品經理說這樣使用者體驗不好…