boostrap modal 闪现问题的解决方法


Posted in HTML / CSS onSeptember 01, 2020

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

boostrap modal 闪现问题的解决方法

修改标签:

<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);
}

新增的标签:

<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 闪现内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
深入解读CSS3中transform变换模型的渲染
May 27 HTML / CSS
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
Feb 04 HTML / CSS
CSS书写规范、顺序和命名规则
Mar 06 HTML / CSS
css3 条纹化和透明化表格Firefox下测试成功
Apr 15 HTML / CSS
一款纯css3实现的漂亮的404页面的实例教程
Nov 27 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
Apr 18 HTML / CSS
HTML5中div、article、section的区别及使用介绍
Aug 14 HTML / CSS
HTML5+JS实现俄罗斯方块原理及具体步骤
Nov 29 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
Jul 02 HTML / CSS
移动端html5 meta标签的神奇功效
Jan 06 HTML / CSS
使用phonegap创建联系人的实现方法
Mar 30 HTML / CSS
使用canvas来完成线性渐变和径向渐变的功能的方法示例
Jul 25 HTML / CSS
HTML5 SEO优化的一些建议
Aug 27 #HTML / CSS
Amaze UI 文件选择域的示例代码
Aug 26 #HTML / CSS
h5封装下拉刷新
Aug 25 #HTML / CSS
amazeui页面分析之登录页面的示例代码
Aug 25 #HTML / CSS
详解淘宝H5 sign加密算法
Aug 25 #HTML / CSS
AmazeUI 等分网格的实现示例
Aug 25 #HTML / CSS
AmazeUI 点击元素显示全屏的实现
Aug 25 #HTML / CSS
You might like
PHP+APACHE实现用户论证的方法
2006/10/09 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
让你的网站可编辑的实现js代码
2009/10/19 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
js表头排序实现方法
2015/01/16 Javascript
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具
2015/10/28 Javascript
javascript编程异常处理实例小结
2015/11/30 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
Javascript中的神器——Promise
2017/02/08 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
在阿里云服务器上配置CentOS+Nginx+Python+Flask环境
2016/06/18 Python
Python实现学生成绩管理系统
2020/04/05 Python
python实现简单遗传算法
2018/03/19 Python
PyQt5 QSerialPort子线程操作的实现
2018/04/21 Python
python爬虫 正则表达式解析
2019/09/28 Python
Python selenium的基本使用方法分析
2019/12/21 Python
干部作风建设心得体会
2014/10/22 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python