javascript - 如何用jquery打开弹出窗口

Question

我尝试用 jquery 打开弹出窗口，但弹出窗口打不开，我不明白我哪里错了？请帮助我。

脚本

<script src="jquery-1.11.3.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#OpenDialog").click(function () {
            $("#dialog").dialog({modal: true, height: 590, width: 1005 });
        });
    });

CSS

#dialog{display:none; width:800px; border:1px solid #000; border-radius:4px;}
    p{clear:both; background:blue; color:#fff; font-size:16px; padding:8px;}

html

<a id="OpenDialog" href="#">Click here to open dialog</a>
<div id="dialog" title="Dialog Title">
    <p>test</p>
</div>

..

Answer 1

查看文档 https://jqueryui.com/dialog/ .网站上还有一个完整的示例。显然你只是忘了添加 jquery ui 依赖项。