Пользовательский интерфейс блока jquery не работает, так как я не могу вызвать функцию диалога

В приведенном ниже коде я использовал функцию диалога jquery blockui. но это не работает. когда я нажимаю Ctrl+ пробел, я не могу найти ту функцию, которая покажет мне диалоговое окно. Пожалуйста, предложите некоторый код, используя который я могу создать диалоговое окно. Я хочу отключить родительскую HTML-страницу и сосредоточиться только на открывшемся диалоговом окне.

<html>
    <head>
 <script type="text/javascript" src="bootmetro/scripts/jquery-1.8.2.js"></script>

<script type="text/javascript" src="bootmetro/scripts/jquery.blockUI.js"></script>


<script type="text/javascript">
$(document).ready(function(e) {
    alert('loaded');
    $('#button1').click(function()
    {
        $('#dialog1').dialog();


    });

});
</script>

</head>
<body>
<input id="button1" class="" type="button" value="Button">

<div id="dialog1">
This is dialog
</div>
</body>
</html>

2 ответа

Для использования диалога blockUI вы должны использовать его таким образом.

 $.blockUI({ message: $('#dialog1'), css: { width: '275px' } }); 

Вы пытаетесь использовать диалог JQuery. Чтобы использовать диалоговое окно jQuery, вы должны включить jQueryUI в ваш HTML

Вы можете использовать модальную опцию

$('#dialog1').dialog({
    modal: true
});

Демо: скрипка

Другие вопросы по тегам