Блог

Главная - Вопросы по программированию - как вызвать jquery modal

как вызвать jquery modal

#jquery

#jquery

Вопрос:

У меня проблема с тем, как вызывать / отображать мой модальный при нажатии на ссылку. Есть идеи о том, как заставить это работать?

 $(document).ready(function(){ 
   $('#dialog').hide();
        $('a.Temp').click(function(){
           $('#dialog').dialog({ 
                        modal: true,
                        //autoOpen: false,
                        bgiframe: false,
                        closeOnEscape: false,
                        title: "Test",
                        width: 520,
                        height: 360,
                        open: function(event, ui) { 
                                jQuery('.ui-dialog-titlebar-close').hide();
                                $('#dialog').dialog('option', 'position', 'center'); },
                        buttons: [
                            {
                                text: "Cancel",
                                click: function() { $(this).dialog("close"); }
                            },
                            {
                                text: "Save"
                            }],
                        draggable: false });
        return false;

        });
     });

Ответ №1:

 $('a.Temp').click(function(){


        $('#dialog').dialog({ 
                        modal: true,
                        autoOpen: false,
                        bgiframe: false,
                        closeOnEscape: false,
                        title: "Test",
                        width: 520,
                        height: 360,
                        open: function(event, ui) { 
                                jQuery('.ui-dialog-titlebar-close').hide();
                                $('#dialog').dialog('option', 'position', 'center'); },
                        buttons: [
                            {
                                text: "Cancel",
                                click: function() { $(this).dialog("close"); }
                            },
                            {
                                text: "Save"
                            }],
                        draggable: false });
        return false;

});

Комментарии:

1. Я пробовал ваше предложение, но не работает. Мне пришлось добавить $(‘#dialog’).hide(); … несмотря на это, когда я запускаю его, диалоговое окно быстро отображается / исчезает, когда я нажимаю на ссылку.

2. Спасибо… но я нашел, почему это происходит. Мне пришлось добавить «e.preventDefault()» в функцию click.