Jquery对话框:隐藏按钮

时间:2012-07-16 12:37:22

标签: jquery jquery-ui jquery-plugins

我正在使用Jquery的dialog()方法来创建对话框。 我在使用

创建对话框时在对话框上创建按钮
      $("#divName").dialog({
            buttons:
            {
            "Cancel":{

我有一个事件需要隐藏按钮,但不知道要使用哪些属性。 请告诉我要隐藏的属性按钮。 提前谢谢。

6 个答案:

答案 0 :(得分:11)

如果您尝试隐藏“取消”按钮,请尝试此操作。

$('.ui-dialog-buttonpane button:contains("cancel")').button().hide();

答案 1 :(得分:4)

创建对话框时,您将描述按钮和按钮的属性,因此为按钮添加“id”属性:

按钮:[{text:“Save”,id:“btnId”,点击:function(){...}}]

然后,您可以将id用作hide()和show()方法的jquery过滤器:

$( “#btnId”)。隐藏()...

答案 2 :(得分:2)

使用:

$('#divName').siblings('.ui-dialog-buttonpane').find('button').eq(n).hide();

其中n是对话框中按钮的编号(从零开始)

答案 3 :(得分:1)

试试这个。

$("#divName").css("display","none");

答案 4 :(得分:0)

这将隐藏第一个按钮:

$('#divName').siblings('.ui-dialog-buttonpane').find('button:first').hide();

答案 5 :(得分:0)

尝试以下操作来处理所有按钮,然后循环浏览它们以隐藏。

var buttons = $("#divName").dialog('option', 'buttons');