jquery - 如何改变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

演示

尝试查看您提供的链接的来源。

$(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.
                }
            }
        }); 
    });
});