1

我已经尝试了以下堆栈答案中建议的技术，但没有运气：

在 <Enter> 上提交 jQuery UI 对话框

我的代码一定有问题。登录时，我会弹出一个免责声明，警告用户在网站中找到的信息是机密的。我希望它继续，用户所要做的就是按回车键。这是我的原始代码（我已包含浏览器检查）：

  $("#loginForm").submit(function (e) {
    e.preventDefault();

    if ($.browser.msie) {
        $("#dialog-confirm")
        .dialog({
            resizable: false,
            height: 300,
            width: 550,
            modal: true,
            buttons: {
                "Continue": function (e) {
                    $("#loginForm").unbind('submit').submit(),
                    $(this).dialog("close"),
                    $("#loginForm").submit();
                    $("#btnLogin").click();
                },
                Cancel: function (e) {
                    e.preventDefault();
                    $(this).dialog("close");
                }
            }

        })
    }
    else {
        $("#dialog-browser")
        .dialog({
            resizable: false,
            height: 220,
            width: 480,
            modal: true,
            buttons: {
                "Close": function (e) {
                    e.preventDefault();
                    $(this).dialog("close");
                }
            }
        })
    };
});

现在这是我使用 keyup 命令的代码：

$("#loginForm").submit(function (e) {
    e.preventDefault();

    if ($.browser.msie) {
        $("#dialog-confirm")
        .dialog({
            resizable: false,
            height: 300,
            width: 550,
            modal: true,
            buttons: {
                "Continue": function (e) {
                    $("#loginForm").unbind('submit').submit(),
                    $(this).dialog("close"),
                    $("#loginForm").submit();
                    $("#btnLogin").click();
                },
                Cancel: function (e) {
                    e.preventDefault();
                    $(this).dialog("close");
                }
            },
  HERE>>>      open: function() { 
                $("#dialog-confirm").keypress(function(e) { 
                  if (e.keyCode == $.ui.keyCode.ENTER) { 
                    $("#loginForm").unbind('submit').submit(),
                    $(this).dialog("close"),
                    $("#loginForm").submit();
                    $("#btnLogin").click(); 
                  } 
                }); 
              } 
        })
    }
    else {
        $("#dialog-browser")
        .dialog({
            resizable: false,
            height: 220,
            width: 480,
            modal: true,
            buttons: {
                "Close": function (e) {
                    e.preventDefault();
                    $(this).dialog("close");
                }
            }
        })
    };
});

不幸的是，这对我不起作用，我一生都无法弄清楚为什么？如果有人能看到问题出在哪里，我将非常感激！

谢谢！！

4

3 回答 3

3

我把这一天大部分时间都放在一边，然后重新审视它。我让它工作了！这是我的代码：

$("#loginForm").submit(function (e) {
    e.preventDefault();

    if ($.browser.msie) {
        $("#dialog-confirm")
        .dialog({
            resizable: false,
            height: 300,
            width: 550,
            modal: true,
            buttons: {
                "Continue": {
                    text: "Continue",
                    id: "btnContinue",
                    click: function (e) {
                        $("#loginForm").unbind('submit').submit(),
                        $(this).dialog("close"),
                        $("#loginForm").submit();
                        $("#btnLogin").click();
                    }
                },
                Cancel: function (e) {
                    e.preventDefault();
                    $(this).dialog("close");
                }
            },
            open: function () {
                $(document).keydown(function (event) {
                    if (event.keyCode == 13) {
                        $("#btnContinue").click();
                    }
                });
            }
        })
    }

本质上，我为对话框中的按钮分配了一个 ID 值，而不是 $("#dialog-confirm").keydown 我使用了 $(document).keydown。由于该功能仅在对话框打开后设置，因此不一定会影响我页面的其余部分。在 keydown 函数内部，我让它按下我通过 ID 调用的继续按钮。

感谢大家的帮助。

于 2012-07-20T19:11:20.470 回答
1

尝试使用这个：

$("#dialog-confirm").keydown(function (event) {
        if (event.keyCode == 13) {
            // Submit it
        }
    });
于 2012-07-20T13:44:43.947 回答
0

如果对话框中没有任何将获得焦点的元素（即：输入元素），您可以尝试此问题中建议的方法：jquery-ui Dialog: Make a button in the dialog as the default action (Enter key)

于 2012-07-20T13:27:32.780 回答