0

在下面的代码中，单击按钮时不会打开对话框。此外，对话框的内容会在页面加载时显示，并且在我单击按钮之前不会隐藏。

出了什么问题？

此代码与 jquery ui 站点的代码非常接近。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <script src="../websites/jquery-1.10.1.min.js"></script>
    <title>Untitled Document</title>
</head>
<body>
    <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>
 </body>
</html>
4

1 回答 1

3

您忘记包含提供对话框小部件的 jQuery UI。

<script src="../websites/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

当您将两者都包含在页面中时，它可以正常工作，就像在这个jsFiddle 示例中一样。

于 2013-06-28T21:00:16.650 回答