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实现当鼠标移进去时当前亮其他变灰效果
Apr 08 HTML / CSS
css3实现3D色子翻转特效
Dec 23 HTML / CSS
利用CSS3实现文本框的清除按钮相关的一些效果
Jun 23 HTML / CSS
利用css3如何设置没有上下边的列表间隔线
Jul 03 HTML / CSS
CSS3 分类菜单效果
May 27 HTML / CSS
你可能不熟练的十个前端HTML5经典面试题
Jul 03 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
May 07 HTML / CSS
canvas实现圆形进度条动画的示例代码
Dec 26 HTML / CSS
html5 冒号分隔符对齐的实现
Jul 31 HTML / CSS
webView加载html图片遇到的问题解决
Oct 08 HTML / CSS
HTML5 层的叠加的实现
Jul 07 HTML / CSS
详解CSS不受控制的position fixed
May 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
9个PHP开发常用功能函数小结
2011/07/15 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
php 表单提交大量数据发生丢失的解决方法
2014/03/03 PHP
jQuery中val()方法用法实例
2014/12/25 Javascript
关于JS中的apply,call,bind的深入解析
2016/04/05 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
利用JQuery实现datatables插件的增加和删除行功能
2017/01/06 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
Angular2利用组件与指令实现图片轮播组件
2017/03/27 Javascript
JavaScript实现计数器基础方法
2017/10/10 Javascript
vue.js使用watch监听路由变化的方法
2018/07/08 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
2020/05/03 Javascript
[03:11]完美世界DOTA2联赛PWL DAY8集锦
2020/11/09 DOTA
基于Python实现一个简单的银行转账操作
2016/03/06 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
Python进程间通信Queue消息队列用法分析
2019/05/22 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
python实现的生成word文档功能示例
2019/08/23 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
Python request中文乱码问题解决方案
2020/09/17 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
校友会欢迎辞
2014/01/13 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
争先创优活动总结
2014/08/27 职场文书
企业承诺书格式范文
2015/04/28 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
课题研究阶段性总结
2015/08/13 职场文书
小学主题班会教案
2015/08/17 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
Python中使用ipython的详细教程
2021/06/22 Python