ruby-on-rails - token 输入仅在我刷新页面后有效

Question

因此，当我第一次转到使用 TokenInput 的页面时，tokeninput 永远不会访问我的输入表单。只有在我刷新页面后它才能工作。为什么会这样？我如何才能在最初访问该页面时使其发挥作用？

当我第一次访问我的页面时。查看玩家字段。

一旦我刷新

我猜 javascript 发生了什么事。调查问题后，整个页面似乎都加载了日期字段和复选框的正确数据。在我刷新后，正确的数据出现在我的 token 输入中，但我的复选框和日期的值不正确。

日期和复选框值属于另一个名册。

应用程序.html

<%= stylesheet_link_tag    "application", "token-input-facebook", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "jquery-tokeninput", "data-turbolinks-track" => true %>

应用程序.js

//= require jquery
//= require jquery_ujs
//= require bootsy
//= require turbolinks
//= require_tree .
//= require twitter/bootstrap
//= require jquery_nested_form

});

$(function() {
  $("#roster_player_tokens").tokenInput("/players.json", {
    crossDomain: false,
    prePopulate: $("#roster_player_tokens").data("pre"),
    theme: "facebook",
    propertyToSearch: "gamertag",
    hintText: "Type in a gamertag",
    searchingText: "Searching...",
    tokenLimit: 4,
    preventDuplicates: true
  });
});

我的花名册表格

<%= form_for([@team, @roster]) do |f| %>
  <% if @roster.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@roster.errors.count, "error") %> prohibited this roster from being saved:</h2>
      <ul>
      <% @roster.errors.full_messages.each do |msg| %><li><%= msg %></li><% end %>
      </ul>
    </div>
  <% end %>
  <form role="form">

    <%= f.label :current %><br>
    <%= f.check_box :current %><br>

    <%= f.label :start %><br>
    <%= f.date_select :start %><br>

    <%= f.label :end %><br>
    <%= f.date_select :end, {:include_blank => true, :default => nil} %><br>

  <%= f.label :player_tokens, "Players" %><br />
  <%= f.text_field :player_tokens, "data-pre" => @roster.players.map(&:attributes).to_json %><br>

  <%= f.submit :class => "btn btn-warning" %>
  </form>

<% end %>

Answer 1

如果这是纯 jQuery，则 $.tokenInput() 函数需要包装在 $(document).ready() 中。

我不是 Rails 用户，但这里也应该做类似的事情。 OP 表示他“将 [the] 脚本放在 [the] html 文件中而不是 application.js”，这完成了工作。