手记

动态隐藏Jquery UI dialog 中的button

在实际开发过程中,我们通常把功能点相似的部分提取成一个公共的方法。然后根据入参来细分差异。这里记载根据入参动态隐藏button的两种实现方法。

$checkAlert.dialog({
buttons:{
"保存":function(){

);
},
"删除":function(){
},
"关闭":function(){

}
}
});

上边代码是在函数体中定义的button信息。下面介绍动态隐藏方法。

var$dialog_button=$(".ui-dialog-buttonsetbutton");

方法一:$dialog_button是个数组,也可以用[]

$dialog_buttons[1].remove();//根据索引指定哪个button被移除。这里移除了“删除”。

方法二:

$dialog_button.hide();//隐藏dialog中所有button

$dialog_button.eq(2);//指定具体哪个button被隐藏,索引从0开始。这里隐藏的是“关闭”。

$dialog_button.slice(0,2).hide();//隐藏指定范围的button。



0人推荐
随时随地看视频
慕课网APP