3 回答

TA貢獻1827條經(jīng)驗 獲得超9個贊
默認的設置buttons,是這樣的{buttons:{"按鈕名1":function(){函數(shù)內容......},"按鈕名2":function(){函數(shù)內容......},......}}
"按鈕名":function(){函數(shù)內容......}
比如在頁面有個按鈕 id="btn" ,想通過$("#btn")控制dialog中的按鈕是否顯示的話,可以向下面這樣做:
$(function(){
$("#btn").click(function(){
$(".ui-button-text").each(function(){
if($(this).text() == "按鈕名1"){
$(this).attr("id","btnCancel");
return false;
}
});
$("#btnCancel").parent().toggle();
});
});
原理就是:buttons:{……} 設置的名字,其實只是生成了一個<span>塊,并為其文本節(jié)點賦值,而dialog插件會自動為其添加一個父元素<button>元素,因此切換顯示/隱藏按鈕,需要對這個父元素進行操作。

TA貢獻2021條經(jīng)驗 獲得超8個贊
不用指定id
$(".ui-dialog-buttonpane button").hide(); //隱藏dialog中所有button
$(".ui-dialog-buttonpane button").eq(指定的第幾個butoon,按索引從0開始).hide(); //隱藏指定的button
$(".ui-dialog-buttonpane button").slice(0,2).hide() //隱藏指定范圍的button
添加回答
舉報