Javascript 如何创建jquery模式弹出窗口？

这个弹出窗口不工作，我做错了什么

$（文档）.ready（函数（）{
$（“#对话框_链接”）。单击（函数（）{
$（'dialog'）。dialog（'open'）；
返回false；
});
});

测试弹出窗口
您必须包括以下内容：

html

<a href="#" id="dialog_link">click me
    <div id="dialog">testing popup</div>
</a>

css

#dialog_link {
    display: block;
}


这些是来自google主机库的链接：

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>


您应该加载jQuery UI。jQuery核心没有
对话框
方法。您应该使用jQuery ui。添加这些-谢谢。div位于锚点标记的内部，这是无效的。有没有其他方法可以使div在页面上不总是可见的？是的，我知道这是正确的。但是我不想改变你的html标记。您可以使用任何其他元素，例如
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>