Bootstrap 模态框(Modal)与layer.prompt()冲突，layer.prompt()不起作用

最新推荐文章于 2024-07-25 02:21:10 发布

A_山水子农

最新推荐文章于 2024-07-25 02:21:10 发布

阅读量1.1w

点赞数

分类专栏： web 文章标签： Bootstrap 模态框Modal与l layer.prompt不起作用 layer.prompt不能获取焦点 Bootstrap 模态框Modal

本文链接：https://blog.csdn.net/qq_27626333/article/details/53787177

版权

web 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

报表查询条件框是Bootstrap的模态框（Modal），点击保存按钮弹出layer.prompt()不能获取焦点，主要问题是Bootstrap的模态框（Modal）的div中包含tabindex="-1"。去掉tabindex="-1"就ok了，原始程序：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog"  style="width:79%">
		<div class="modal-content">
		  <div class="modal-header">
			 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				      <h4 class="modal-title" id="myModalLabel">报表查询条件</h4>
		 </div>
		<div class="modal-body">

修改后：

<div class="modal fade" id="myModal"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				    <div class="modal-dialog"  style="width:79%">
				        <div class="modal-content">
				            <div class="modal-header">
				                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				                <h4 class="modal-title" id="myModalLabel">报表查询条件</h4>
				            </div>
				            <div class="modal-body">
				            	<div class="row" >
								    <div class="col-xs-2 col-sm-2" >
								      	<label for="research" class="control-label">历史查询记录</label>