继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

动态隐藏Jquery UI dialog 中的button

别打扰我我要学习
关注TA
已关注
手记 276
粉丝 20
获赞 131

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



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP