JqueryUI : trying to show a dialog

Question

这是我的代码

<script type="text/javascript">
    $(function() {
        $("#dialog").dialog();
    });
    </script>


<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

firebug 说 jquery-ui-1.7.2.custom.min.js 已加载。

有什么想法吗？

问候

哈维

Answer 1

您的代码有效，you can see a working demo here .

您确定还包括 jQuery UI 的样式表吗？您要么需要包含下载时附带的图像(以及相同相关文件夹中的相关图像)，要么使用 CDN 托管的图像。您可以在 jQuery UI 博客上找到 1.7.2 的各种默认主题的 CDN 链接:http://blog.jqueryui.com/2009/06/jquery-ui-172/ (在 Google Ajax Libraries API> 主题下)

最后一件事，正如上面评论者提到的，你应该 accept answers to your questions ，它将帮助您更快地获得 future 问题的答案。