Как изменить дизайн диалога JQuery UI?

0

Мне нужно заменить существующий диалог jquery UI close с новой кнопкой закрытия, которая выглядит как ссылка ниже.

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

Может ли кто-нибудь предоставить, как перейти к диалогу, подобному этому? какие области необходимо изменить для этого?

Теги:

2 ответа

0

загляните в jquery-ui.css для изображения кнопки и img-container. замените его на текущее местоположение изображения. Отрегулируйте положение немного, и вы закончите

0

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.
                }
            }
        }); 
    });
});
  • 0
    Извините, что запутал вас. Мне нужна кнопка закрытия, которая подходит для пользовательского интерфейса jquery снаружи окна предупреждения. Вы можете увидеть кнопку X с закругленными углами, на которой написано «проверить это, нажав на значок X». Мне нужно что-то подобное.
  • 0
    Так что вам нужно настроить с помощью CSS.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню