自动对焦无法在导轨中工作

Question

我的Rails应用程序中有一个按钮,并希望将其设置为自动对焦,因此用户只需按Enter即可在页面加载时继续.

下面的代码不起作用:该按钮正在工作,但未设置为自动对焦.

<%= link_to new_flashcard_flashcard_test_path(@flashcard_deck.next_flashcard), :class => 'btn btn-primary', :autofocus => true do %>
      <span class="glyphicon glyphicon-link"></span>
      Next card
<% end %>

生成的HTML

<a autofocus="autofocus" class="btn btn-primary" href="/flashcards/1188/flashcard_tests/new">
  <span class="glyphicon glyphicon-link"></span>
  Next card
</a>

Answer 1

我有同样的问题.

我建议使用自动对焦将自动对焦放入带有轨道的表单 :true 而不是使用Jquery,这就是杀死.我希望这可以帮助别人.

<%= form_for @user do |f| %> <%= f.label :username %>: <%= f.text_field :username,autofocus: true, class:"form-control" %><br /> <%= f.label :email %>: <%= f.email_field :email, class:"form-control" %><br /> <%= f.label :password %>: <%= f.password_field :password, class:"form-control" %><br /> <%= f.submit "Sign Up", class:"btn btn-primary" %> <% end %>