jquery模态框的问题

体无完肤 发布于 2015/11/18 16:15
阅读 308
收藏 0

收藏!数据建模最全知识体系解读!>>>

初学,遇到一个问题解决不了,求各位前辈指点!

自己定义了一个弹框:

function showDialog(msg, recall){
        $('#alert-modal').on('show.bs.modal', function () {
            $(this).find('.modal-body p').html(msg);
        });
        $('#alert-modal').modal('show');
        
        if(recall && typeof recall == 'function') {
            $('#alert-modal').on('hidden.bs.modal', function () {
                recall();
            });
        } else if(recall) {
            $('#alert-modal').on('hidden.bs.modal', function () {
                eval(recall);
            });
        }
    }

然后使用场景:

$.ajax({
        url : 'xxxxxxxxxxxxxxxxxxxxxxxxxxx',
        dataType : 'JSON',
        success : function(serverdata){
        
            if(serverdata.error == '1'){
                showDialog(serverdata.msg, function(){
                    $.ajax({
                        url : 'xxxxxxxxxxxxxxx',
                        dataType : 'JSON',
                        beforeSend : function(){
                            $('section.content-header h1').append('<img src="static/cpanel_alt/dist/img/loading.gif" style="margin-left:30px;"> <small id="up-msg">用吃奶的劲儿更新中 ...</small>');
                        },
                        success : function(abc){
                            $('section.content-header h1 img').remove();
                            $('section.content-header h1 #up-msg').remove();
                            showDialog('回调执行完成');
                        }
                    });
                });
            }else{


进入页面,第一次ajax请求,进入error里面的第一次showDialog,然后关闭该弹窗,执行该弹窗的回调,回调中进行第二次ajax请求,执行成功后再进行第二次showDialog,第二次的弹窗是没有回调的,直接弹提示信息。

现在的问题是:第一次弹出后,关闭执行回调,正常;

第二次弹窗出来,正常,关闭第二次弹窗后继续执行了showDialog了,一直关闭,一直回调弹出;

求指点!

加载中
0
红薯官方
红薯官方

推荐你用Layer来做弹窗!

alert、msg、tips、loading 都可以借助她轻松完成。

红薯官方
红薯官方
prompt都可以哦
返回顶部
顶部