Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
本文为大家讲解的是如何禁用 BootStrap Modal 点击空白时自动关闭的方法，感兴趣的同学参考下。&
$('#myModal').modal({backdrop: 'static', keyboard: false});
这样就可以了，
backdrop 为 static 时，点击模态对话框的外部区域不会将其关闭。
keyboard 为 false 时，按下 Esc 键不会关闭 Modal。
PHPERZ网友 发布于 11:46:19
(2)&&(1)&&
疑问 发布于 15:52:44
(0)&&(0)&&
PHPERZ网友 发布于 09:05:37
有用有用，查了好久
(4)&&(0)&&
ZZZZZ 发布于 21:08:01
看到~~~“喷上一嘴吧.....”几个字，喷了一电脑屏幕口水
(3)&&(0)&&
PHPERZ网友 发布于 17:14:12
(2)&&(0)&&
PHPERZ网友 发布于 10:21:30
(2)&&(0)&&
Copyright &
All Rights Reserved &&&&&&bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
这是最近在做个人播客系统出现的一个问题,
场景如下 ：
图中我点击删除按钮之后, 弹出一个模态框让我选择是回首页还是,
首页没什么好说的了, 就是直接跳转, 没什么问题
却是跳转到上一篇 或者下一篇, 所有的”文章“都是用的是同一个html模板, 所以页面没有重新加载
于是就出现了 上面的问题, 模态框消失了, 但是背景却没有消失
对于这个问题, 我在网上找了好一阵子, 但是貌似并没有相关的问题
1 所以之前我本来是想将这个问题简单化, 直接"location = prevU location.reload()&", 但是 这样有感觉不合适, 请求两次， 对于某些某些没有缓存的数据 是比较浪费的
所以 后来一直在网上找啊找, 但是没什么用…
2 后来尝试了一下在按钮的事件 “开始 / 结束” 的地方加上$(“#myModal”).modal({show : true}), / $(“#myModal”).modal({backdrop:false, show : true}) / $(“#myModal”).modal(“hide”) 等等
但是仍然没有什么用
3 后来灵机一现, 我何不看看这个存在背景的html 和普通当前页面的html有什么改变呢, 说不能就能找到问题所在,, 哼哼 果然如此
go [图战开始]
1) 这是页面正常的时候
2) 这里是模态框出来的时候
3) 然后 我点击了上一页
相比于原始页面”1)” 1. 多了一个div, 2. 以及body加上了一个class属性
4) 然后我删除了div
与上面的页面的变化在于页面的那个背景不存在了, 但是我现在鼠标任然不能控制页面的移动
5) 然后我删除了body的class属性
遇上一个页面相比, 我现在能够动鼠标了, 变回了正常的页面
nice, 原来解决掉这两个地方就可以了啊, fix it !
这个问题的真正原因, 我不知道, 也就是为什么在这种场景下面会产生这种情况
1、/article/32590.htm
2、/bootstrap/bootstrap-v2-modal-plugin.html
3、百度知道：如何控制模态窗口提交后，模态窗口关闭，跳转回主页面，而不是另开一个页面？
模态窗口中内嵌一个iframe 在iframe中写后台代码， 然后可以用js控制模态窗口的关闭或跳转
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持网管之家。
顶一下(0) 踩一下(0)
热门标签：2013年5月 总版技术专家分月排行榜第一
2016年7月 总版技术专家分月排行榜第二2016年3月 总版技术专家分月排行榜第二2015年12月 总版技术专家分月排行榜第二2014年8月 总版技术专家分月排行榜第二2014年7月 总版技术专家分月排行榜第二2013年6月 总版技术专家分月排行榜第二
2014年7月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
我写的java ee模态框怎么不高亮，按不动按钮。
&div class=&modal fade& id=&myModal& tabindex=&-1& role=&dialog&
aria-labelledby=&myModalLabel& aria-hidden=&true&>
&div class=&modal-dialog&
role=&document&>
&div class=&modal-content&>
&div class=&modal-header&>
&button type=&button& class=&close& data-dismiss=&modal&>
&span aria-hidden=&true&>&&/span>&span class=&sr-only&>Close&/span>
&h4 class=&modal-title& id=&myModalLabel&>选择货物&/h4>
&div class=&modal-body&>
&div class=&container-fluid& style=&min-height: 350&>
&select class=&form-control& style=&width: 150& id=&cate_id&>
&c:forEach items=&${cateList}& var=&cate&>
&option value=&${cate.id}&>${cate.name}&/option>
&/c:forEach>
&table class=&table table-striped table-bordered table-hover&
id=&data_table& style=&margin-top: 20&>
&th>&&/th>
&th>货物名称&/th>
&th>货物规格&/th>
&th>货物单价&/th>
&th>货物单位&/th>
&div class=&modal-footer&>
&button type=&button& class=&btn btn-default& data-dismiss=&modal&>取消&/button>
&button type=&button& id=&ok& class=&btn btn-primary&>选中&/button>
function loadAjaxData() {//加载商品列表
var param = {
id : $(&#cate_id&).val()
&${ctx}/mgr/prod_ajaxList.action&,
function(json) {
var str = &&;
function(idx, item) {//拼接表格内容的过程
str += &&tr>&td>&input type='radio'
name='prod_id' value='& + item.id + &' class='item_id'>&/td>&td>&
+ item.name
+ &&/td>&td>&
+ item.model
+ &&/td>&td>&
+ item.sale_price
+ &&/td>&td>&
+ item.unit
+ &&/td>&/tr>&;
$(&#data_table>tbody&).html(str);
}, &json&);
//打开模态框前需要进行的操作
$(&#myModal&).on('show.bs.modal', function() {
loadAjaxData();
//显示模态框
var curr_row =//当前点击的行
$(&.open&).click(function() {
curr_row = $(this).parent().parent().parent();
$(&#myModal&).modal(&show&);
//改变分类时，获取新的商品列表
$(&#cate_id&).change(function() {
loadAjaxData();
function totalAll() { //计算总价
var t = 0;
$(&input[name='total_price']&, &#table_items&).each(
function(i, ele) {
//TODO 还需要转换成数字进行计算。
t += parseFloat($(this).val());
$(&#total&).html(t);
//在对话框中点击“选中”时
function() {
$(&#myModal&).modal(&hide&);
$(&.item_id&)
function(i, ele) {
if ($(ele).prop('checked')) { //判断当前radio如果是选中的，就加载商品信息
var param = {
id : $(ele).val()
//根据商品的id去加载数据
&${ctx}/mgr/prod_ajaxDetail.action&,
//alert(curr_row);
var row = curr_//$(&#table_items>tbody>tr&).eq(curr_row);
//给表格当前行设置值
&input[name='name']&,
json.name);
&input[name='p_id']&,
&input[name='unit']&,
json.unit);
var num = $(
&input[name='p_num']&,
.val(1); //默认数量为1
var sale_price = $(
&input[name='sale_price']&,
sale_price
.val(json.sale_price);
sale_price
.change(function() {
.val(sale_price
totalAll();
var total = $(
&input[name='total_price']&,
.val(sale_price
.val()); //当前项的总价
.change(function() {
.val(sale_price
totalAll();
totalAll();
}, &json&);
我已经知道哪里错了！
要回复问题请先或
浏览: 1123
关注: 1 人点击进来立即让你的手机屏幕变黑！！！_android吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：1,179,082贴子：
点击进来立即让你的手机屏幕变黑！！！收藏
点击进来立即让你的手机屏幕变黑！！！
趣现场-微信大屏幕 免费试用，现场30+互动功能，玩转现场！
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或