Impossible de faire mise au point automatique sur les champs pour bootstrap modal

Question

Salut donc suivant ce rails tutoriel en utilisant coffeescript, une partie de cette fonction est supposé trouver modal div bootstrap, puis trouver le « textarea » à l'intérieur pour l'automobile se concentrer immédiatement.

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 

La fonction .media est en cours de fonctionnement. Cependant, une autre fonction qui utilise le shown.bs.modal ne fonctionne pas ... Je essayé de CONSOLE.LOG ou alerter aussi bien, mais il semble que $ («modal »). Sur « shown.bs.modal » , ne fonctionne pas et je ne sais pas pourquoi.

Voici mon 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 --> 

D'après ce que je peux dire qu'il est supposé identifier les groupes modaux et fondu modal est l'un d'entre eux?

Ci-dessous voici un exemple de la page Web, où je clique sur le bouton vert et une forme ressorte qui est le modal i pris de bootstrap.

Answer 1

Essayez: $ '- (entrée # exampleInputEmail1') mise au point();