0

我已经有了我的第一个带有 jQ​​uery 的应用程序，并且我的两个对话框都按照应有的方式构建和执行，当我单击登录时（在文件菜单中）出现登录框，但我不能当我单击打开时，不会出现打开框。

这是两个对话框的 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");
});

这里是项目的 jsFiddle 链接：http: //jsfiddle.net/CHBrn/1/ 出于某种原因，就像我上面所说的，单击“打开”按钮不会启动项目。

4

2 回答 2

4

再一次亚历克斯:)你#在ID选择器中失踪了

演示

$("#dateturn-form").dialog({ });
于 2013-07-11T16:59:32.230 回答
4

您缺少一个哈希 ( #)。

代替

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

和

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

演示

于 2013-07-11T16:58:29.097 回答