提示：你可以先修改部分代码再运行。
(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
