boostrap modal 闪现问题的解决方法

神里绫华的狗

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

修改标签：

1. <a onclick="editRow(this)" data-toggle="modal" data-target="#modalRowEdit">修改</a>
   
2. 
   
3. // js
   
4. function editRow(obj) {
   
5.      var colData = dataTable1.row(obj.parentNode.parentNode).data();
   
6.      // $('#modalRowEdit').modal('show');  最终调用该方法显示modal
   
7.      buildForm(colData);
   
8. }

复制代码

新增的标签：

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

复制代码

水平有限，没注意到a标签直接通过属性绑定的modal，不需要手动调用

1. $('#modalRowEdit').modal('show')

复制代码

; 所以出现对话框闪现问题。button则是通过手动调用方式显示，所以没问题。
总结
到此这篇关于boostrap modal 闪现问题的解决方法的文章就介绍到这了,更多相关boostrap modal 闪现内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

快乐的彩虹2024

感谢分享，受益匪浅！

盖世英雄

确实牛逼

图鉴三

好用好用

静静的湖畔88

6666666666

快乐的小熊猫888

6666666666

潇潇xx07

确实牛逼

大闺女

我想了解更多

爱编程的牧童

已测试，非常不错

LakeRiver

666666666666666666