这段代码有什么问题？我刚开始学习 jQuery 和 jQuery UI 时很难找到答案

Question

<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Dialog Example</title>
        <link rel="stylesheet"     href="https://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
        <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    </head>
    <script>
        $(document).ready($(function() {
            //Dialog box 
            $("#dialog").dialog({
                autoOpen: false
            });
            //button to open dialog box
            $("#button").click(function(event) {
                $("#dialog").dialog("open");
            });
        });
    </script>
    <body>
         //div containing info about the dialog box
         <div id="dialog">
         <p>This is supposed to be a calculator</p>
    </div>
    <input id="button" type="submit" value="Open">

    </body>
</html>

Answer 1

将 $(document).ready($(function() { 更改为 $(document).ready(function() { 并检查大括号是否正确闭合

这段代码有什么问题？我刚开始学习 jQuery 和 jQuery UI 时很难找到答案

What's wrong in this code? I have difficulty finding out as i just started learning jQuery and jQuery UI

jquery-ui-dialog