无法在菜单项单击时打开我的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, /^[az]([0-9a-z_])+$/i, "Username may consist of az, 0-9, underscores, begin with a letter."); bValid = bValid && checkRegexp(password, /^([0-9a-zA-Z])+$/, "Password may consist of : az 0-9"); if (bValid) { if (username.val() == "admin" && password.val() == "password") { $("#users tbody").append("" + "" + username.val() + "" + "" + password.val() + "" + ""); $(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("
Date: " + dateinput.val() + " turn: " + turnvalue + "
"); $(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/由于某些原因，如上所述，单击“打开”按钮将不会启动项目。

Answer 1

再一次亚历克斯:)你在ID选择器中缺少#

DEMO

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

Answer 2

你缺少一个哈希（ # ）。

更换

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

同

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

演示