Javascript 在jQuery中打开弹出对话框不工作

我试图打开一个弹出窗口，做基本的事情开始，但相反，显示我的对话框时，页面加载，加上按钮不会触发任何东西

<button id="opener">open the dialog</button>
<div id="dialog" title="Dialog Title">I'm a dialog</div>
<script>
    $( "#dialog" ).dialog({ autoOpen: false });
    $( "#opener" ).click(function() {
    $( "#dialog" ).dialog( "open" );
    });
</script>

这是我的作品：

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript" src="scripts/jquery-1.3.2.debug.js"></script>
<script type="text/javascript" src="scripts/json.debug.js"></script>
<script type="text/javascript" src="scripts/jquery.min.js"></script>

我做错了什么或忘记导入了什么

谢谢，

对话框不是内置在jQuery中的-它是jQuery的扩展的jQuery UI的一部分

另外，看起来您正在导入3个不同版本的核心jQuery代码，这可能会导致问题

因此，这可能就是您在将jQuery UI下载到脚本文件夹后要查找的内容：

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.11.1.js"></script>
<script type="text/javascript" src="scripts/json.debug.js"></script>

---

$document.readyfunction{}中脚本标记内容的包装可能重复；在重新组织库之后包装我的代码，仍然不起作用。因此，我按照您的建议组织了导入，很抱歉没有回复，但在删除了一些库之后，我不得不进行清理。所以这条路还是不会开火！jqueryui我只添加了核心，没有小部件供参考。

$( "#dialog" ).dialog({ autoOpen: false });
$( "#opener" ).click(function() {
  $( "#dialog" ).open();
});