斜体文字标题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);});});
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(){}}]});
