---- 淘宝优惠券 ----欢迎到论坛交流 ---域名问题某些图片和js资源无法访问,导致一些代码实例无法运行!(代码里gzui.net换成momen.vip即可)

自定义confirm

前端开发 蚂蚁 1270℃ 0评论

提示:你可以先修改部分代码再运行。

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

转载请注明:有爱前端 » 自定义confirm

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情
(1)个小伙伴在吐槽
  1. 确实不错,这个要实话实说!
    一元营销2016-05-10 14:18 回复