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

不是说不建议弹多层的弹窗么，我们产品经理说这样用户体验不好……