如何改变jquery ui对话框的设计？

Question

我需要使用一个新的关闭按钮替换现有的jquery UI关闭对话框，该关闭按钮类似于以下链接。

http://demo.tutorialzine.com/2010/12/better-confirm-box-jquery-css3/

任何人都可以提供如何进行这样的对话吗？ 为此需要改变哪些方面？

Answer 1

查看jquery-ui.css的按钮图像和img-container。将其替换为您当前的图像位置。稍微调整一下位置即可完成

Answer 2

<强> 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. <br />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.
                }
            }
        }); 
    });
});