您的位置:首页 > Web前端 > BootStrap

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窗口点击空白处不会自动关闭
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: