Question

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

出了什么问题？

此代码接近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>

Answer 1

您忘记了包含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 example 。

获取jquery对话框的问题

1 个答案: