Невозможно сделать автоматическую фокусировку на поля для бутстрапа modal

Question

Привет, следуя этому руководству по рельсам с использованием coffeescript, часть этой функции предполагает найти загрузочный div mod mod, а затем найдите в нем «textarea», чтобы автоматически сфокусировать его.

ready = -> 
    $(".media").on "click", -> 
     document.location = $(this).data("target") 
     return false 

    $(".modal").on "shown.bs.modal", -> 
     $(this).find("textarea").focus() 

$(document).ready(ready) 
$(document).on "page:load", ready 

Функциональный щелчок .media работает до сих пор. Однако другая функция, использующая show.bs.modal, не работает ... Я попытался использовать Console.log или предупредил об этом, но кажется, что $ (". Modal"). На "show.bs.modal" , не работает, и я не уверен, почему.

Вот мой HTML

<div class="modal fade" tabindex="-1" role="dialog" id='new-question-modal'> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body">  <!--body of modal--> 
     <!--Form body 
     <form action="/questions" method="POST">--> 

     <%=form_for :question,url: '/questions', html: {class: 'form-group'} do %> 
     <div class="form-group"> 
      <label for="exampleInputEmail1">Email address</label> 
      <input type="email" name="question[email]" class="form-control" value = "<%= current_user_email%>" id="exampleInputEmail1" placeholder="Email"> 
     </div> 

     <div class="form-group"> 
      <label for="inputQuestion" class="control-label">Question:</label> 
      <textarea class="form-control" name="question[body]" id="inputQuestion" placeholder="What would you like to know" required=""></textarea> 
     </div> 

     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="submit" class="btn btn-primary">Submit</button> 
     </div> 
     <%end%> 
      <!--body of modal</form>--> 
<!--Form body--> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

Из того, что я могу сказать, что это, предполагают, чтобы определить модальные группы, и модальный замирание является одним из них?

Ниже приведен пример веб-страницы, на которой я нажимаю зеленую кнопку, и появляется форма, которая является модальной, которую я взял из бутстрапа.

Answer 1

Try: $ '- (входной # exampleInputEmail1') фокус();