为了账号安全,请及时绑定邮箱和手机立即绑定

动态隐藏Jquery UI dialog 中的button

标签:
JQuery

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



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消