boostrap modal 闪现问题的解决方法

发布时间:2022-04-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了boostrap modal 闪现问题的解决方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

此处闪现场景是,修改和新增用的一个js方法,最终都调用$('#modalRowEdIT').modal('show'); 新增使用的是button,修改使用的a标签。

修改标签:

<a onclick="editRow(this)" data-toggle=";modal" data-target="#modalRowEdit">修改</a>
 
// js
function editRow(obj) {
     VAR colData = dataTable1.row(obj.parentNode.parentNode).data();
     // $('#modalRowEdit').modal('show');  最终调用该方法显示modal
     builDForm(colData);
}@H_512_9@

新增的标签:

<button class="BTn btn-Primary pull-right col-sm-1" id="newData">新建</button>
 
// js
$("#newData").on('click', function() {
       // $('#modalRowEdit').modal('show');  最终调用该方法显示modal
       buildForm();
});

水平有限,没注意到a标签直接通过属性绑定的modal,不需要手动调用$('#modalRowEdit').modal('show'); 所以出现对话框闪现问题。button则是通过手动调用方式显示,所以没问题。

总结

到此这篇关于boostrap modal 闪现问题的解决方法的文章就介绍到这了,更多相关boostrap modal 闪现内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本宝典!

脚本宝典总结

以上是脚本宝典为你收集整理的boostrap modal 闪现问题的解决方法全部内容,希望文章能够帮你解决boostrap modal 闪现问题的解决方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:boostrapmodal