您的位置:首页 > Web前端 > JQuery

动态隐藏Jquery UI dialog 中的button

2013-11-07 14:02 316 查看
在实际开发过程中,我们通常把功能点相似的部分提取成一个公共的方法。然后根据入参来细分差异。这里记载根据入参动态隐藏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。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息