JQuery простой диалог не работает

Question

Я пытаюсь выяснить, почему мой диалог JQuery не работает должным образом на этой странице:

http://bit.ly/nOKwYz

Это фрагмент кода:

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery("#dialog22").dialog(); 
    }); 
</script> 

и У меня также есть:

<div id="dialog22">test</div> 

По какой-то причине он не загружает диалог, любые идеи ?

Answer 1

Чтобы показать Diálogo сначала вы должны скрывать это я думаю:

<div id="dialog22" style="display:none;">test</div> 

, а затем показать его с помощью кнопки, например

EDIT - посмотреть на скрипку здесь: http://jsfiddle.net/LCPJe/

Answer 2

Где вы загружаете jQuery (и jQuery UI) на этой странице? Вам нужно ссылаться на эти библиотеки на странице (особенно перед любым кодом, который их использует). Если я просто не вижу ссылку, у вас будет достаточно нескольких тегов скриптов в заголовке.

У вас нет необходимости размещать копию. Вы можете ссылаться на a CDN link.

Answer 3

Это должен быть заказ на библиотеку. Смотрите эту скрипку. Ваш пример прекрасно работает, если вы имеете право заказать библиотеку:

http://jsfiddle.net/mikethomsen/a25gw/

Как это работает, вам необходимо загрузить jquery.js, JS JQuery UI и затем JQuery UI CSS, а затем бросить в пользовательском код.

Редактировать

я заменил библиотеки моей скрипки с вашим образцом и говорит Firefox JQuery («# диалог»). Диалог не является функция. Это означает, что вам не хватает кода диалога из сборки пользовательского интерфейса jQuery, который вы создали. Вам нужно вернуться на сайт пользовательского интерфейса jQuery и создать новый дистрибутив пользовательского интерфейса jQuery, который включает в себя другие необходимые вам фрагменты.