# 当点击 link_to_add 或 link_to_remove_association

Question

我正在使用 Rails 6，我正在尝试使 nested_fields 工作。我正在使用茧。没有 JS 错误，JQuery 已正确加载。nested_form 正确加载嵌套数据，但我无法添加新行或删除现有行。这是我的代码：

在 _form.html.erb 中

<div id="entry_links">

     <%= f.fields_for :entry_links do |ff| %>

          <%= render 'entry_link_fields', f: ff %>

     <% end %>  

</div>    

<div id="links">

     <%= link_to_add_association '<span class="oi" data-glyph="plus" title="icon name" aria-hidden="true"></span> Add Link '.html_safe, f, :entry_links, class: "btn btn-primary" %>

</div>

_entry_link_fields.html.erb

<div class="nested-fields">

    <div class = "field row">

        <div class="col-md-1">

            <%= f.text_field :link_type, class: "form-control" %>

        </div>

        <div class="col-md-3">

            <%= f.text_field :label, class: "form-control" %>

        </div>

        <div class="col-md-6">

            <%= f.text_field :link, class: "form-control" %>

        </div>

        <div class="col-md-1">

            <%= f.number_field :line, class: "form-control" %>

        </div>

        <div class="col-md-1">

            <%= link_to_remove_association '<span class="oi" data-glyph="trash" title="icon name" aria-hidden="true"></span>'.html_safe, f, class: "btn btn-danger" %>

        </div>

     </div>

</div>

为了以防万一，这是我的 package.json 文件的一个片段，其中列出了 jQuery 和 coocon

{

     "cocoon-js": "^0.0.5",

     "jquery": "^3.5.1",

}

我试过两者@nathanvda/cocoon都cocoon-js-vanilla无济于事。

当我单击这些链接中的任何一个时，唯一发生的事情是“#”被添加到 URL 框中。我在另一个答案中读到它可能与 JQuery 错误有关，但我的情况并非如此，因为我的 JS 日志没有显示任何错误并且我能够从同一应用程序中正确调用其他 JQuery 函数。

Answer 1

所以事实证明一切都是正确的，除了我完全错过了这一行：<%=&nbsp;javascript_pack_tag&nbsp;'application',&nbsp;'data-turbolinks-track':&nbsp;'reload'&nbsp;%>将该行添加到我的 application.html.erb 文件后，所有内容都已正确加载并且我的链接按预期工作。