在Jquery UI对话框中禁用按钮?

时间:2013-11-26 13:43:14

标签: javascript jquery jquery-ui jquery-ui-dialog

我使用的jQuery UI对话框是由服务器提供的HTML制作的。代码:

 $("<div id='pastedial'>" + result.htmlPasteDialog + "</div>").dialog({
                maxHeight: "85%",
                minWidth: 700,
                modal: true,
                buttons: {
                    Cancel: function () {
                        // do cancel
                    },
                    "Paste!": function () { 
                       // do action
                    }
                // some other config

            });
        }

对于对话框元素,我附加了验证对话框的事件处理程序。这很好用。验证功能只是页面的另一个功能,它根据我直接知道的ID来处理对话框项目。

如何从外部函数(属于页面)处理对话框的按钮,以便在未验证对话框的情况下禁用操作?

提前致谢!

2 个答案:

答案 0 :(得分:3)

我使用它,这几乎与Babblo相同,但是搜索按钮的标题。 希望它有所帮助。

function test() {
    $("#pastedial")
        .next(".ui-dialog-buttonpane")
        .find("button:contains('Paste!')")
        .button("option", "disabled", true);
}

答案 1 :(得分:2)

您可以使用以下内容访问和禁用按钮:

function xxx(){
  $('#pastedial').find('.ui-dialog-buttonpane button:eq(1)').attr('disabled','disabled');
}