Javascript 重新显示模式后，jquery不关注输入

因此，在我的页面上，我有一个jquery代码，它关注于每个模式的最近输入：

$(document).ready(function(){
  $(".modal").on('shown.bs.modal', function() {
    $(this).closest("[autofocus]:first").focus();
  });
});

这在我第一次打开modal时工作得很好。然而，当我点击模式并重新打开它时，它不会像我期望的那样关注最近的输入

这是我的模式代码：

<a href="" data-toggle="modal" data-target="#new_section">New Section</a>
            <div class="modal fade item-plus" id="new_section" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Add menu section</h4>
                  </div>
                  <div class="modal-body">
                    <h5 class="menu-section-title">
                      <%= label_tag :title %>
                      <br>
                      <%= text_field_tag :title, nil, :placeholder => "e.g. Appetizers", :class => "input-lg", autofocus: "autofocus" %>
                      <p class="error" id= "menu-section-title-errors"></p>
                      <br>
                    </h5>
                    <%= link_to_add_association "Add", f, :menu_sections, "data-dismiss" => "modal", :class => "add-section btn btn-primary", disabled: true %>
                  </div>
                </div><!-- /.modal-content -->
              </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

&时代；
添加菜单部分


“例如开胃菜”，：class=>“输入lg”，自动对焦：“自动对焦”%>



“模态”，：class=>“添加节btn btn主”，禁用：真%>

默认情况下，Divs、p和许多其他元素不聚焦

你应该添加tabindex，也许请试试这个

$(this).closest("[autofocus]:first").attr("tabindex","-1").focus();

---

但请检查这是否是一个div

不幸的是，这似乎没有起到作用：\n我在模态div中添加了tabindex，而焦点在一秒钟后出现并消失