从引导模式窗口中删除模式属性
Remove modal property from Bootstrap modal window
您如何操作引导的模态对话框,使其不显示为没有灰色覆盖的模态窗口。
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
$("#myModal").modal({
backdrop: none;
});
参考此讨论:在推特引导模式中更改背景颜色?
你可以尝试使用 css,
#myModal .modal-backdrop {background-color: transparent;}
或者也用jquery,
$("#myModal").modal({
backdrop: none;
});
1)http://jsfiddle.net/ringstaff/Gbm89/14/有一个工作的例子。您所要做的就是添加这一行 css
.modal-backdrop {background: none;}
2) 模态启动后
$('#XXX').modal({show:true});
只需触发下面的代码
$('.modal-backdrop').removeClass("modal-backdrop");
3)添加data-backdrop="false",Bootstrap将完成剩下的工作。
示例:<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
相关文章:
- 如何删除视频's缩略图时's加载在JW Player's闪光模式
- 在页面加载时删除CSS模式Flash
- 确认删除的模式对话框
- 从引导程序3删除模式向laravel控制器传递行id
- 显示模式时删除滚动条
- 引导程序 3 删除模式触发器
- 可以在没有副作用的情况下删除严格模式吗
- 查找模式并仅删除几个字符
- 如何在僵尸模式关闭后从按钮中删除焦点
- 如何从给定模式开始删除字符串的末尾
- 删除数组递归调用模式中的项
- 从引导模式窗口中删除模式属性
- 删除非限定标识符时出现严格模式语法错误背后的动机
- HTML 文档格式,根据模式删除
- 允许向对象添加和删除功能的设计模式
- 在iPhone的删除模式下应用程序抖动的算法
- 删除引导模式中的滚动条
- Twitter引导模式:如何删除向下滑动效果
- 只读模式下的 CKEditor 4 - 删除按钮会删除格式
- Rails自定义Twitter引导模式删除方法,回调问题