bootstrap 模态窗口点击图层不关闭写法
来源:互联网 发布:折八百淘宝商城下载 编辑:程序博客网 时间:2024/05/23 22:49
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title></title>
<style type="text/css">
</style>
<script type="text/javascript" src="lib/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="lib/bootstrap/utilLib/bootstrap.min.css" type="text/css" media="screen" />
<script>
$(document).ready(function () {
$("#apply").click(function () {
$.ajax({url:'填写你的请求地址',
type : 'post',
data : $("#form1").serialize(),//取得所有表单内容
dataType : 'json',
success : function(data) {
if (data.code == 100) {
$("#title").html("成功");
}
else {
$("#title").html("失败");
}
$("#msg").html(data.msg);
$("#submit").click();//触发模态窗口
}
});
});
});
</script>
</head>
<body style="padding: 10% 5% 5% 5%">
<center>
<s:form id="form1" action="apply_secretkey" method="post" namespace="/payment/appstore">
<table width="100%" border="0">
<tr>
<td>
</div>
<br>
</td>
</tr>
<tr>
<td width="100%">
</div>
</td>
</tr>
</table>
</s:form>
</center>
<!-- 按钮触发模态框 -->
</div>
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<em id="title"> </em>
</div>
<div class="modal-body">
<em id="msg"></em>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</body>
</html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!--适应手机显示-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style type="text/css">
</style>
<script type="text/javascript" src="lib/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="lib/bootstrap/utilLib/bootstrap.min.css" type="text/css" media="screen" />
<script>
$(document).ready(function () {
$("#apply").click(function () {
$.ajax({url:'填写你的请求地址',
type : 'post',
data : $("#form1").serialize(),//取得所有表单内容
dataType : 'json',
success : function(data) {
if (data.code == 100) {
$("#title").html("成功");
}
else {
$("#title").html("失败");
}
$("#msg").html(data.msg);
$("#submit").click();//触发模态窗口
}
});
});
});
</script>
</head>
<body style="padding: 10% 5% 5% 5%">
<center>
<s:form id="form1" action="apply_secretkey" method="post" namespace="/payment/appstore">
<table width="100%" border="0">
<tr>
<td>
<div>
<!--大字体-->
</div>
<br>
</td>
</tr>
<tr>
<td width="100%">
<div>
<!--大字体-->
</div>
</td>
</tr>
</table>
</s:form>
</center>
<!-- 按钮触发模态框 -->
<div style="display: none">
<!--指定一个静态的背景,当用户点击模态框外部时不会关闭模态框。-->
</div>
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<em id="title"> </em>
</div>
<div class="modal-body">
<em id="msg"></em>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</body>
</html>
1 0
- bootstrap 模态窗口点击图层不关闭写法
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器 点击关闭弹窗 出现第二次无法加载的问题
- 点击文字关闭窗口
- bootstrap模态框点击关闭问题
- 【bootstrap】 bootstrap-modal: 点击遮罩层不关闭modal
- 表格数据通过点击传数据给Bootstrap模态窗口
- bootstrap 模态窗口实例
- bootstrap模态窗口模态框
- Qt 点击窗口外部关闭窗口
- 怎样做点击窗口外部关闭窗口?
- Bootstrap 模态框避免点击背景处关闭
- Bootstrap 模态框避免点击背景处关闭
- BootStrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- bootstrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- BootStrap 模态框禁用空白处点击关闭
- 点击弹出一个窗口,再点击任意地方窗口关闭
- 鼠标放在物体上,就弹出属性框
- JAVA 极速WEB+ORM框架 JFinal
- android开发路-bitmap转缓存输入流BufferedInputStream
- VC++获得微秒级时间的方法与技巧探讨
- hibernate关联映射
- bootstrap 模态窗口点击图层不关闭写法
- 关于后盾网yii框架的学习小结(1)--yii模块的安装
- Android电话短信拦截项目总结之 SQLite数据库简介和使用
- hdu 奥运(矩阵快速幂+等比数列快速求和+数论)
- php web项目环境搭建
- 自定义动态属性标签
- iOS CLLocationManager定位,IOS8注意
- Red Hat Enterprise Linux 5 64 位安装oracle11g
- 让你的表单升级到CSS3和HTML5客户端验证