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实现质感细腻丝滑按钮
Mar 09 HTML / CSS
CSS3实现粒子旋转伸缩加载动画
Apr 22 HTML / CSS
推荐10个CSS3 制作的创意下拉菜单效果
Feb 11 HTML / CSS
深入理解css中vertical-align属性
Apr 18 HTML / CSS
详解Canvas 实现炫丽的粒子运动效果(粒子生成文字)
Feb 01 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
Feb 18 HTML / CSS
canvas 下载二维码和图片加水印的方法
Mar 21 HTML / CSS
详解webapp页面滚动卡顿的解决办法
Dec 26 HTML / CSS
使用数据结构给女朋友写个Html5走迷宫游戏
Nov 26 HTML / CSS
html5默认气泡修改的代码详解
Mar 13 HTML / CSS
CSS3点击按钮圆形进度打钩效果的实现代码
Mar 30 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使用fopen创建utf8编码文件的方法
2014/10/31 PHP
PHP使用自定义方法实现数组合并示例
2016/07/07 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
2014/01/10 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
JS实现两个大数(整数)相乘
2014/04/28 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
vue-router权限控制(简单方式)
2018/10/29 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
Python中使用select模块实现非阻塞的IO
2015/02/03 Python
python图像处理之反色实现方法
2015/05/30 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
python sorted函数原理解析及练习
2020/02/10 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
Linux文件操作命令都有哪些
2015/02/27 面试题
毕业生就业自荐信
2013/12/04 职场文书
工厂仓管员岗位职责
2014/01/01 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
2014年国庆节广播稿
2014/09/19 职场文书
教师批评与自我批评范文
2014/10/15 职场文书
交通肇事罪辩护词
2015/05/21 职场文书
导游词之峨眉乐山/兵马俑/北京故宫御花园
2019/09/03 职场文书