Jquery 对话框:隐藏按钮

问题描述 投票:0回答:7

我正在使用Jquery的dialog()方法来创建对话框。 我在创建对话框时在对话框上创建按钮,使用

      $("#divName").dialog({
            buttons:
            {
            "Cancel":{

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

jquery jquery-ui jquery-plugins
7个回答
15
投票

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

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

7
投票

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

按钮:[ { text: "Save", id: "btnId", click: function() { ... } } ]

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

$("#btnId").hide()...


2
投票

用途:

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

其中

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


1
投票

试试这个。

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

1
投票

这将隐藏第一个按钮:

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

0
投票

尝试下面获取所有按钮的句柄,然后循环遍历它们以隐藏。

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

0
投票

试试这个 jquery 选择器 隐藏“取消”按钮。根据您的按钮顺序调整 childNodes 索引。

$('.ui-dialog-buttonset')[0].childNodes[0].hide();
© www.soinside.com 2019 - 2024. All rights reserved.