bootstrap modal 添加input Firefox报错
2016-03-27 16:04
549 查看
<div id="myModal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">查询用户</h3> </div> <div class="modal-body"> <input type="text" id="moduleUserName" placeholder="用户名"> <input type="text" id="moduleUserName" placeholder="用户编号"> <button class="btn btn-primary">查询</button> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button> <button class="btn btn-primary" data-dismiss="modal" id="modalOk">确定</button> </div> </div>
用户名input输入框 点击以后会弹出模态窗口
<script type="text/javascript"> $(function() { <span style="white-space:pre"> </span>$('#myModal').on('hide.bs.modal', function() { // 执行一些动作... }); }); <span style="white-space:pre"> </span>function getUserInfo() { <span style="white-space:pre"> </span>$("#myModal").modal({ backdrop: 'static', <span style="white-space:pre"> </span> show:true }); } </script>
backdrop: 'static' 属性保证modal窗口点击空白处不会自动关闭
相关文章推荐
- bootstrap-datetimepicker时间插件使用
- bootstrap使用中的一些问题以及解决过程
- Bootstrap每天必学之级联下拉菜单
- Bootstrap Popover(弹出框)弹出自定义格式代码
- bootstrap模态框 使esc退出失效
- bootstrap使用心得总结
- bootstrap 简易模版
- Bootstrap 粘页脚,你必须得学会的简单技能
- Bootstrap 粘页脚
- Bootstrap(笔记)
- bootstrap中container类和container-fluid类的区别
- JS表格组件神器bootstrap table详解(基础版)
- bootstrap-table 分页的问题
- select2与Bootstrap冲突解决
- Bootstrap级联下拉菜单,你肯定用得到
- Bootstrap级联下拉菜单,包罗万象的知识点
- Bootstrap-栅格系统
- bootstrap-table自己配置
- bootstrap Table options [API]
- bootstrap-table的一些配置参数例子