用jquery创建一个确认对话框

 

文章详情（附demo和下载）

 

 

$(document).ready(function(){
    $('.item .delete').click(function(){
        var elem = $(this).closest('.item');
        $.confirm({
            'title': 'Delete Confirmation',
            'message': 'You are about to delete this item. 
It cannot be restored at a later time! Continue?',
            'buttons': {
                'Yes': {
                    'class': 'blue',
                    'action': function(){
                        elem.slideUp();
                    }
                },
                'No': {
                    'class': 'gray',
                    'action': function(){}// Nothing to do in this case. You can as well omit the action property.
                }
            }
        });
    });
});