Javascript Can'；单击菜单项时无法打开我的jQuery对话框

我的第一个应用程序是jQuery，我的两个对话框都按原样构建和执行，当我单击“登录”（在“文件”菜单中）时会出现“登录”框，但当我单击“打开”时，无法出现“打开”框

以下是两个对话框的jQuery代码：

$("#login-form").dialog({
    autoOpen: false,
    height: 350,
    width: 350,
    modal: true,
    buttons: {
        "Log In": function () {
            var bValid = true;
            allFields.removeClass("ui-state-error");

            bValid = bValid && checkLength(username, "username", 3, 16);
            bValid = bValid && checkLength(password, "password", 5, 16);

            bValid = bValid && checkRegexp(username, /^[a-z]([0-9a-z_])+$/i, "Username may consist of a-z, 0-9, underscores, begin with a letter.");
            bValid = bValid && checkRegexp(password, /^([0-9a-zA-Z])+$/, "Password may consist of : a-z 0-9");

            if (bValid) {
                if (username.val() == "admin" && password.val() == "password") {
                    $("#users tbody").append("<tr>" + "<td>" + username.val() + "</td>" + "<td>" + password.val() + "</td>" + "</tr>");
                    $(this).dialog("close");
                } else {
                    alert("Invalid Username/Password Combo");
                }
            }
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    },
    close: function () {
        allFields.val("").removeClass("ui-state-error");
    }
});

$("#dateturn-form").dialog({
    autoOpen: false,
    height: 550,
    width: 350,
    modal: true,
    buttons: {
        "Accept": function () {
            $("#content-left").append("<p>Date: " + dateinput.val() + " turn: " + turnvalue + "</p>");
            $(this).dialog("close");


        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

$("#login")
    .click(function () {
    $("#login-form").dialog("open");
});

$("#open")
    .click(function () {
    $("dateturn-form").dialog("open");
});

$（“#登录表单”）。对话框({
自动打开：错误，
身高：350，
宽度：350，
莫代尔：是的，
按钮：{
“登录”：函数（）{
var bValid=真；
removeClass（“ui状态错误”）；
bValid=bValid&&checkLength（用户名，“用户名”，3,16）；
bValid=bValid&&checkLength（密码，“密码”，5,16）；
bValid=bValid&&checkRegexp（用户名，/^[a-z]（[0-9a-z]）+$/i，“用户名可以由a-z、0-9、下划线组成，以字母开头。”）；
bValid=bValid&&checkRegexp（密码，/^（[0-9a-zA-Z]）+$/，“密码可能包括：a-Z 0-9”）；
if（bValid）{
if（username.val（）=“admin”&&password.val（）=“password”）{
$（“#users tbody”）.append（“+”+用户名.val（）+“+”+密码.val（）+”）；
$（此）.dialog（“关闭”）；
}否则{
警报（“无效用户名/密码组合”）；
}
}
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
},
关闭：函数（）{
allFields.val（“”.removeClass（“ui状态错误”）；
}
});
$（“#日期转换表单”）。对话框({
自动打开：错误，
身高：550，
宽度：350，
莫代尔：是的，
按钮：{
“接受”：函数（）{
$（“#内容左”）.append（Date:+dateinput.val（）+“turn:+turnvalue+”
）；
$（此）.dialog（“关闭”）；
},
取消：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
$（“#登录”）
。单击（函数（）{
$（“#登录表单”）。对话框（“打开”）；
});
$（“未结”）
。单击（函数（）{
$（“日期转换表单”）。对话框（“打开”）；
});

这里有一个指向该项目的JSFIDLE链接：由于某种原因，如我上面所说，单击“打开”按钮不会启动该项目。

您缺少一个散列（

）

替换

$("dateturn-form").dialog("open");

与

亚历克斯：）您的ID选择器中缺少

---

哦，上帝。非常感谢。“我为此感到很傻。”阿列克斯基布勒，我们都犯过这样的错误。你不应该对此感到愚蠢。我记得有一次，我花了三天时间试图修复一个bug，让办公室里的每个人都参与进来，我们都错过了导致问题的小错误哈哈，这听起来是个大问题。当我在大学里上C++课的时候，我总是用冒号和分号来做这件事。哈哈哈哈，谢谢你指出。是的，又一次是我，哈哈。这是我第一次使用jQuery，通过学习，我比通过阅读指南学到了更多。当然，别误会，我肯定会像做事情一样阅读文档，但是像这样愚蠢的错误不会出现在API文档中，哈哈。谢谢。：）哈哈哈。。。不用担心，人会从错误中吸取教训干杯快乐编码：）非常感谢！这绝对是快乐的编码。我以前有朋友告诉过我jQuery的神奇之处，但我总是认为它太多了，无法使用，但现在我被吹走了。在过去两天的使用中，我学到了很多。

$("#dateturn-form").dialog("open");

$("#dateturn-form").dialog({ });