jquery - Rails 4 TurboLinks 和 jQuery 动态链接效果不佳

Question

我正在 Rails 4.0 中开发一个应用程序，但我遇到了 Turbolinks 与我拥有的一些 jQuery 代码不能很好地配合的问题。我有一个 Quote 模型，它有一个相关的 QuoteItems 模型。我正在使用 Accepts_nested_attributes_for 和一些 jQuery 来填充订单项表单。

当我点击链接进入 new_quote_path 时，动态链接不会触发 JavaScript 代码。当我刷新页面时，表单效果很好。我喜欢涡轮链接，因为它速度超快，但不知道如何让它在开发中发挥作用。这是一些代码。

在quotes.js.coffee中

jQuery ->
  $('form').on 'click', '.remove_line_items', (event) ->
  $(this).prev('input[type=hidden]').val('1')
  $(this).closest('fieldset').hide()
  event.preventDefault()

$('form').on 'click', '.add_fields', (event) ->
  time = new Date().getTime()
  regexp = new RegExp($(this).data('id'), 'g')
  $(this).before($(this).data('fields').replace(regexp, time))
  event.preventDefault()

报价查看new.html.erb

<%= form_for @quote, :class => "hello" do |f| %>
    <fieldset>
      <p>
        <%= f.label :quote_date, "Date of Quote" %>  <br/>
        <%= f.text_field :quote_date %>
      </p>

      <p>
        <%= f.label :good_through %> <br/>
        <%= f.text_field :good_through %>
      </p>

      <p>
        <%= f.label :quote_number %><br/>
        <%= f.text_field :quote_number %>
      </p>
      <p>
        <%= f.label :customer_id, "Customer" %><br/>
        <%= select(:quote, :customer_id, Customer.all.collect {|c| [ c.fname, c.id ] }, :prompt => "Select Customer") %>
      </p>

      <%= f.fields_for :quote_items do |builder| %>
          <%= render 'quote_item_fields', :f => builder %>
      <% end %>

      <%= link_to_add_fields "Add Line Item", f, :quote_items %>

      <p>
        <%= f.submit %>
      </p>
    </fieldset>
<% end %>

Answer 1

我遇到了同样的问题，如果你想让turbolinks工作并保持你的动态jquery，试试这个gem:jquery-turbolinks

希望对你有帮助