zuibootbox利用datadismissmodal关闭modal时请空modal内容

31次阅读

共计 421 个字符,预计需要花费 2 分钟才能阅读完成。

最近,利用 zui + bootbox 做项目时,有这样的需求


在画面中有以下 modal 区域,通过 ajax 请求获取到 modal 里的内容,将代码片段利用.html(‘…..’) 加载进弹出层并 show 显示

但是在关闭时点击原生的关闭按钮时
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only"> 关闭 </span></button>

发现 modal 里面的内容并没与被清掉,于是找原生 API, 在 zui.js 中的

that.$element.on(‘click.dismiss.’ + zuiname, ‘[data-dismiss=”modal”]’,function(e)
方法中加入一行代码解决,即

 that.hide();
 that.$element.html("");
 e.stopPropagation();
 

正文完
 0