Question

我正在试图找出为什么我的jQuery对话框在此页面上无法正常工作：

这是代码段：

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

我也有：

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

由于某种原因，它没有加载对话框，任何想法？

Answer 1

这必须是图书馆的订单。看到这个小提琴。如果你有正确的图书馆订单，那么你的样本就可以了。

它的工作方式是你需要加载jQuery.js，jQuery UI的JS然后加载jQuery UI CSS，然后输入你的自定义代码。

修改

我用你的样本替换了我的小提琴库，Firefox说jQuery（'＃dialog'）。对话框不是一个函数。这意味着您缺少来自您创建的jQuery UI的对话框代码。您需要返回到jQuery UI站点并构建一个新的jQuery UI发行版，其中包含您需要的其他部分。

Answer 2

要显示对话框，您应首先隐藏它，我想：

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

然后用一个按钮显示它，例如

编辑 - 请看这里的小提琴：http://jsfiddle.net/LCPJe/

Answer 3

你在哪个页面上加载jQuery（和jQuery UI）？您需要在页面中引用这些库（特别是在使用它们的任何代码之前）。除非我没有看到引用，否则标题中会有相当多的脚本标记。

但您不必托管副本。您可以参考a CDN link。