单击jQuery UI对话框中的一个按钮

时间:2011-05-11 13:11:08

标签: jquery jquery-ui user-interface dialog

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

问题:如何强制点击提交按钮?

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

我想在jQuery UI对话框中点击其中一个按钮。

任何知道怎么做的人?

2 个答案:

答案 0 :(得分:3)

当您打开对话框时,您可以找到按钮并在其上添加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();

修改

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

答案 1 :(得分:0)

道歉,如果我错过了解你的问题,

使用Jquery向事物添加单击函数,您可以使用代码

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

然而正如所指出的,对话框按钮没有id

你这样做的方法是在设置对话框的代码中......

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