JQuery open pop up dialog не работает

Question

Я пытаюсь открыть всплывающее окно, выполняя основную задачу, но вместо этого показывает мне диалог при загрузке страницы, плюс кнопка ничего не запускает.

$(document).ready(function() { 
     $("#dialog").dialog({ autoOpen: false }); 
     $("#opener").click(function() { 
      $("#dialog").open(); 
     }); 
    }); 

Вот мои элементы:

<button id="opener">open the dialog</button> 
<div id="dialog" title="Dialog Title" hidden="hidden">I'm a dialog</div> 

Это мой импорт:

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="scripts/jquery-ui-1.11.1.js"></script> 
<script type="text/javascript" src="scripts/json.debug.js"></script> 

JQuery-щ-1.11.1.js содержит ядро ​​только и не виджет, мышь и положение.

Что я делаю неправильно или забываю импортировать?

Спасибо,

Answer 1

Для открытия диалога по щелчку:

$("#opener").click(function() { 
    $('#dialog').dialog('open'); 
}); 

, как вам нужно, чтобы показать это на странице загрузки, написать $('#dialog').dialog('open'); в йот готовом событии, а также.

Working Demo

Answer 2

Из зависимостей по направлению к верхней части dialog API страницы, требуется следующее:

• UI Ядро
• Widget Factory
• Положение
• Кнопка

и следующий не являются обязательными:

• Перетаскиваемые (необязательно; для использования с перетаскиваемой опцией)
• перезначительном (опционально; для использования с изменяемой опцией)
• эффекты ядра (опционально; для использования с шоу и скрыть опции)

, если ваш JQuery-ui- 1.11.1.js содержит только Core, вероятно, именно поэтому он не работает для вас.