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实现Material Design效果
Mar 09 HTML / CSS
纯CSS3制作的鼠标悬停时边框旋转
Jan 03 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
CSS3 Calc实现滚动条出现页面不跳动问题
Sep 14 HTML / CSS
基于Modernizr 让网站进行优雅降级的分析
Apr 21 HTML / CSS
html5 viewport使用方法示例详解
Dec 02 HTML / CSS
html5摇一摇代码优化包括DeviceMotionEvent等等
Sep 01 HTML / CSS
HTML5的新特性(1)
Mar 03 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
Sep 25 HTML / CSS
AmazeUI中模态框的实现
Aug 19 HTML / CSS
bootstrapv4轮播图去除两侧阴影及线框的方法
Feb 15 HTML / CSS
CSS实现背景图片全屏铺满自适应的3种方式
Jul 07 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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
php flush类输出缓冲剖析
2008/10/19 PHP
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
PHP缓存技术的多种方法小结
2012/08/14 PHP
PHP中比较时间大小实例
2014/08/21 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
页面中js执行顺序
2009/11/09 Javascript
jQuery :first选择器使用介绍
2013/08/09 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
javascript实现滚动效果的数字时钟实例
2016/07/21 Javascript
玩转NODE.JS(四)-搭建简单的聊天室的代码
2016/11/11 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
Vue如何实现监听组件原生事件
2020/07/03 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
Python写的服务监控程序实例
2015/01/31 Python
Python中使用asyncio 封装文件读写
2016/09/11 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
Django Rest framework之认证的实现代码
2018/12/17 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
我的中国梦演讲稿800字
2014/08/19 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
总结几个非常实用的Python库
2021/06/26 Python
MySQL中的隐藏列的具体查看
2021/09/04 MySQL