单击 jQuery UI 对话框中的按钮之一答案

【问题标题】：click on one of the buttons in a jQuery UI dialog单击 jQuery UI 对话框中的按钮之一
【发布时间】：2011-05-11 13:11:08
【问题描述】：

关于 jQuery UI 对话框的问题。我正在创建一个自动登录功能，我想提供一些视觉反馈。登录是通过 jQuery UI 对话框完成的。

问题：如何强制点击提交按钮？

在网站上的示例中，表单没有设置任何属性，因此手动单击按钮时必须触发另一个功能。

我想对 jQuery UI 对话框中的一个按钮进行点击编程。

有人知道怎么做吗？

【问题讨论】：

标签： jquery jquery-ui user-interface dialog

【解决方案1】：

当您打开对话框时，您可以找到按钮并在其上添加 ID 以使用 # 进行选择。

这是dialog() 函数的一个选项。

        open: function () {
            //assign ids/classes to buttons
            var buttonPane$ = $(this).siblings('.ui-dialog-buttonpane');

            var okButton = buttonPane$.find('button:contains("OK")');
            okButton.addClass('ui-priority-primary');
            okButton.attr('id', 'yourIdHere');
        }

当你需要触发点击时使用$('#yourIdHere').click();

编辑

如果您将其创建为对话框之外的函数，则可以将其添加到对话框选项中并直接调用它，而不是模拟单击按钮。

【讨论】：

或者您可以通过许多其他方式选择它们 - 例如nth-child，或input:submit等。
我正在尝试打开对话框并立即提交。所以我有点赌博来打开点击：function()...我试过 $(this).siblings(".ui-button").find('button:contains("login")') 。点击（）;从打开的功能，但没有做任何事情......
您有提交或使用表单的点击函数处理程序吗？
不，我使用 UI 对话框中的所有功能。
啊，好吧，对不起...我有一个处理程序。它在其中一个按钮中定义。 '$("dialog-form-login").dialog({' 'autoOpen: false,' 'modal: true,' 'buttons: {' '忘记密码': function( data ) { ... },' ' login': function( data ) { .. 这里是登录代码.. },'

【解决方案2】：

抱歉，如果我错过了理解您的问题，

要使用 Jquery 向事物添加点击功能，您可以使用代码

('#idOfElement').click(function(){...});

但是正如指出的那样，对话框按钮没有 id

您的方法是在设置对话框的代码中...

$( "#someElement" ).dialog({
        buttons: {
            "text on the button": function() {
                //do something
            },

【讨论】：

对话框按钮没有 ID。
我知道这个功能，但在这种情况下它不起作用......对话框中的每个按钮看起来像这样：
Decad 所示的方法确实有效。 function() 是你的 .click。
您是如何设置对话框的？如果您使用 jquery，您的所有按钮都将在对话框对象中设置，如第二个代码 sn-p 所示