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

来源：互联网发布：林心如人设崩塌知乎编辑：程序博客网时间：2024/06/05 19:56

报表查询条件框是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>

0 0