JqueryUI 对话框答案

【问题标题】：JqueryUI DialogJqueryUI 对话框
【发布时间】：2013-04-11 07:16:05
【问题描述】：

当我尝试使用 JqueryUI 对话框时遇到问题，它没有显示任何内容，但也没有给出错误。

代码是：

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

在脚本的顶部所以我不知道问题是什么。

希望有人可以帮助我。

谢谢，

【问题讨论】：

你检查过控制台吗？？
是的，它不会在控制台中给出任何错误
您的#dialog div 是否已在 DOM 中？此外，您不想在每个 div 上调用 .dialog();。您应该指定 ID
转到页面源代码，看看你包含的文件是否找到，或者尝试使用fire bug控制台查找错误。
只是检查一下：该语法看起来像是用于 Chrome(?) 扩展，但在问题的任何地方都没有提到。对吗？

标签： jquery dialog

【解决方案1】：

您需要将 DIV 添加到 DOM：

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

【讨论】：

这不是绝对必要的；你也可以$(div).dialog();。（原始代码的问题在于 #dialog 没有选择任何不在 DOM 中的内容。）
我没有意识到小部件可以使用这样的断开连接的元素。虽然说得通。