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

如何用两个按钮控制同一个对话框 而第二个对话框里面标题不一样?

如何用两个按钮控制同一个对话框 而第二个对话框里面标题不一样?

婷婷同学_ 2019-04-21 20:14:01
斜体文字标题1×内容是否比如我点击另外一个按钮是标题改变内容不变,modal-footer按钮也要改变变怎么做?
查看完整描述

2 回答

?
慕婉清6462132

TA贡献1804条经验 获得超2个赞

我用jQuery写点代码勿喷因为不知道你要什么效果,这就是最简单的根据不同的按钮显示不同的标题和按钮,主要思想就是,找到dialog中相应的元素,并且改变他们的html内容
$("btn1").click(function(){
var_d=$(".modal-dialog");
_d.find("h3").html("btn1");
_d.find(".modal-footer").find("input").each(function(i,v){
v.html("btn1//"+i);
});
});
$("btn2").click(function(){
var_d=$(".modal-dialog");
_d.find("h3").html("btn2");
_d.find(".modal-footer").find("input").each(function(i,v){
v.html("btn2//"+i);
});
});
                            
查看完整回答
反对 回复 2019-04-21
?
芜湖不芜

TA贡献1796条经验 获得超7个赞

最好的方式是将你这些UI组件进行封装,我这里写个简单的
varcontent=[
'',
'',
'',
'',
'

',
'×',
'
',
'
',
'',
'是',
'否',
'
',
'
'].join('');
functionDialog(options){
if(!(thisinstanceofDialog))throw'shouldnewadialog';
options=options||{};
var$el=$(content).appendTo('body');
$el.find('.modal-headerh3').html(options.title);
$el.find('.modal-body').html(options.content);
options.btns.forEach(function(btn,index){
varkey=Object.keys(btn)[0];
varonclick=btn[key];
$el.find('.modal-footerbutton').eq(index).on('click',onclick);
});
$el.find('.close').on('click',function(){
$el.remove();
});
}
newDialog({
title:'标题一',
content:'内容一',
btns:[
{
'确定':function(){
console.log(this);
}
},
{
'取消':function(){
}
}
]
});
newDialog({
title:'标题二',
content:'内容二',
btns:[
{
'提交':function(){
}
},
{
'关闭':function(){
}
}
]
});
                            
查看完整回答
反对 回复 2019-04-21
慕课专栏
更多

添加回答

了解更多

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号