2013-04-11 60 views
-1

我有一個問題,當我嘗試使用JqueryUI對話框時,它不顯示任何內容,但也不會給出錯誤。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

你檢查控制檯? – 2013-04-11 07:17:01

+0

是的,它不會在控制檯中給出任何錯誤 – user2118839 2013-04-11 07:18:11

+1

您的#dialog div已經在DOM中嗎?你也不想在每個div上調用'.dialog();'。您應該指定ID – Tony 2013-04-11 07:18:32

回答

2

你需要將DIV添加到DOM:

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

這並非嚴格必要;你也可以做'$(div).dialog();'。 (原始代碼的問題僅僅是'#dialog'不會選擇任何不在DOM中的東西。) – JJJ 2013-04-11 07:25:28

+0

我沒有意識到小部件可以使用類似的斷開元素。雖然它是有道理的。 – Barmar 2013-04-11 07:27:19