自定义confirm

Tips:You can change the code before run.

 (function($){
    
    $.confirm = function(params){
        
        if($('#confirmOverlay').length){
            return false;
        }
        
        var buttonHTML = '';
        $.each(params.buttons,function(name,obj){           
           buttonHTML += '<a href="javascript:void(0);" class="button '+obj['class']+'">'+name+'</a>';         
            if(!obj.action){
                obj.action = function(){};
            }
        });
        var markup = [
            '<div id="confirmOverlay">',
            '<div id="confirmBox">',
            '<p class="confirmTil">',(params.closeStr) ? params.title+'<span class="close">✖</span>' : params.title,'</p>',
            '<div class="confirmCon">',params.message,'</div>',
            '<div id="confirmButtons">',
            buttonHTML,
            '</div></div></div>'
        ].join('');
        
        $(markup).hide().appendTo('body').fadeIn();
        
        var buttons = $('#confirmBox .button'),
            i = 0;

        $.each(params.buttons,function(name,obj){
            buttons.eq(i++).click(function(){               
                obj.action();
                $.confirm.hide();
                return false;
            });
        });
        $('.confirmTil .close').click(function(){
            $.confirm.hide();
            return false;
        });
        
    };
    
    

    $.confirm.hide = function(){
        $('#confirmOverlay').fadeOut(function(){
            $(this).remove();
        });
    }
    
})(jQuery);
THE END
分享
二维码
打赏
< <上一篇
下一篇>>