bootstrap模态框手动关闭遮盖层不消失
模态框中 加载了一个子页面
子页面中调教表单之后想根据执行结果手动关闭模态框,最初尝试了以下几种方案:
1、$("#myModal").modal('hide');//模态框关闭 但是遮盖层 不消失
   $(".modal-backdrop").remove();//确实关闭了 遮盖层也消失了 但是第二次再打开模态框的时候 就会一闪而过
2、$("button .close").click()//手动控制 模态框的关闭按钮 触发点击,也不行,也是遮盖层不消失
最后,给提交按钮 加上 bootstrap 模态框的关闭属性 data-dismiss="modal",这样就好了
$(this).attr("data-dismiss","modal");
这样的问题是 ,第二次打开模态框 表单中还存着上一次提交的内容,应该是没有清空,有需要的话,需要手动清空一下表单。下次打开就是空的表单了。
bootstrap模态框手动关闭遮盖层不消失的更多相关文章
- (网页)bootstrap模态框手动关闭(转)
		
在菜鸟教程上的bootstrap 上面的模态框上看到的: 下面是一些可与 modal() 一起使用的有用的方法. $('#identifier').modal({ keyboard: false }) ...
 - bootstrap模态框手动开启关闭与设置点击外部不关闭
		
http://www.cnblogs.com/qlqwjy/p/7491054.html 完整的参考菜鸟教程:http://www.runoob.com/bootstrap/bootstrap-mod ...
 - 关于手动关闭BootStrap模态框
		
在网上找手动关闭BootStrap模态框的解决方法,说是(需要引用bootstrap.js等): $("#myModal").modal('hide'); 但是我发现我的只能关闭 ...
 - Bootstrap 模态框 + iframe > 打开子页面 > 数据传输/关闭模态框
		
父页面bootstrap模态框: <div class="modal fade" id="myModal" tabindex="-1" ...
 - 使用bootstrap模态框实现浮动层
		
authour: 陈博益 updatetime: 2015-04-22 06:52:15 friendly link: http://v3.bootcss.com/javascript/#modals ...
 - bootstrap 模态框中弹出层 input不能获得焦点且不可编辑
		
bootstrap 模态框中弹出层 input不能获得焦点且不可编辑 问题描述:bs框架支持一层model层的情况下,在模态框中弹出了自定义的弹出层.发现自定义弹出层的输入框不能获得焦点且不可编辑. ...
 - Bootstrap.之模态框 显示在遮罩层后面
		
Bootstrap.之模态框 显示在遮罩层后面 问题描述: 在使用bootstrap模态框,弹出的窗口在遮罩层后面,见图: 解决方案: 保证模态框的代码,所在的上一级(父元素)是body标签,即可.例 ...
 - bootstrap模态框关闭后清除模态框的数据
		
https://segmentfault.com/q/1010000008789123 bootstrap模态框第二次打开时如何清除之前的数据? 我用了bootstrap模态框的remote功能,在弹 ...
 - Bootstrap 模态框(Modal)插件
		
原文链接:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态框(Modal)是覆 ...
 
随机推荐
- webview之学习文章(待续)
			
webview与js交互: Tencent/VasSonic(缓存优化方案) lzyzsd/JsBridge: pengwei1024/JsBridge: -----webview的框架 TheFin ...
 - python的日志配置
			
settings.py中 DEBUG_TOOLBAR_CONFIG = { "JQUERY_URL": '//cdn.bootcss.com/jquery/2.2.4/jquery ...
 - DP基础练习(4.21)
			
数塔 Description 在讲述DP算法的时候,一个经典的例子就是数塔问题,它是这样描述的: 有如下所示的数塔,要求从顶层走到底层,若每一步只能走到相邻的结点,则经过的结点的数字之和最大是多少? ...
 - DataGridView导出数据到Excel
			
//传入DataGridView /// <summary> /// 输出数据到Excel /// </summary> /// <param name="da ...
 - 使用谷歌CoLaboratory训练神经网络
			
前言 Colaboratory 是一个 Google 研究项目,旨在帮助传播机器学习培训和研究成果.它是一个 Jupyter 笔记本环境,不需要进行任何设置就可以使用,并且完全在云端运行.Colabo ...
 - jquery中文档处理的总结
			
jQuery文档处理总结 1.返回值:append(content|fn) $("p").append("<b>Hello</b>"); ...
 - sublimit 编辑器 设置默认的编码
			
1.首选项>>设置 - 用户 2.加上:"default_encoding": "UTF-8"
 - 【Appium自学】Appium [安装包] Appium 官方文档(转发)
			
转发地址:https://blog.csdn.net/panyu881024/article/details/80149190 Appium国内下载地址 : http://pan.baidu.com/ ...
 - 验证demo
			
// chenwenjun.cpp : 定义控制台应用程序的入口点.//#include "stdafx.h"#include <iostream>#include & ...
 - Open CDN 2.0管控端和节点端安装
			
原文:http://www.safecdn.cn/cdn/2018/12/opencdn-2-0/1076.html OpenCDN是一套快速部署CDN加速的工具,针对专门提供CDN加速服务的企业或对 ...