2013-04-11 4 views
-1

У меня проблема, когда я пытаюсь использовать JqueryUI Dialog, он ничего не показывает, но также не дает ошибки.JQueryUI Dialog

Код:

var div = "<div id='dialog'><p>Sometext</p></div>"; 
$(function() { 
    $('#dialog').dialog(); 
}); 

Я реализовал

// @require  jquery-1.9.1.min.js 
// @require  http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css 
// @require  http://code.jquery.com/ui/1.10.2/jquery-ui.js 

На верхней части сценария, так что я не знаю, в чем проблема.

Надеюсь, кто-то может мне помочь.

Спасибо,

+0

Вы проверили консоль ?? –

+0

Да, это не дает никаких ошибок в консоли – user2118839

+1

является вашим #dialog div уже в DOM? Также вы не хотите называть '.dialog();' на каждом div. Вы должны указать ID – Tony

ответ

2

Вы должны добавить DIV в DOM:

var div = "<div id='dialog'><p>Sometext</p></div>"; 
$(function() { 
    $("body").append(div); 
    $('#dialog').dialog(); 
}); 
+1

Это не обязательно; вы также можете сделать '$ (div) .dialog();'. (Проблема с исходным кодом заключается в том, что '# dialog' не выбирает ничего, что нет в DOM.) – JJJ

+0

Я не понимал, что виджеты могут использовать отключенные элементы, подобные этому. хотя это имеет смысл. – Barmar

Смежные вопросы