在rails应用程序制作提交按钮中的Jquery + Ajax变得不可见

Question

我正在按照本教程https://www.youtube.com/watch?v=FBxVN7U1Qsk在屏幕上创建新的Collections。

它似乎有效，除非我点击创建集合表单链接，我的表单提交按钮变成一个小方块，几乎看不见。

这是我的new.js.erb视图：

$('#new_link').hide().after('<%= j render("form") %>')

这是我的new.html.erb视图：

<% provide(:title, 'New collection') %>
<% provide(:button_text, 'Create collection') %>

<div class="container">
    <h1>New collection</h1>
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
         <%= render 'form' %>
      </div>
    </div>
</div>

这是我的表格部分：

<div id="form">
  <%= form_for([@seller, @collection]) do |f| %>
    <%= render 'shared/error_messages', object: @collection %>

    <%= f.label :name %>
    <%= f.text_field :name, class: 'form-control', id: 'collection-input' %>
    <br>

    <%= f.submit yield(:button_text), class: "btn btn-primary" %>
  <% end %>
</div>

这是索引视图：

<% provide(:title, 'Collections') %>

  <div class="row">
    <div class="col-lg-4 col-md-6 mb-4">
        <div class="card h-100">
          <div class="card-body">
            <h4 class="card-title">Create a new collection</h4>
            <p class="card-text">                     
                <%= link_to 'Create collection', new_seller_collection_path(@seller), { :class=>"btn btn-primary", :id=>"new_link", remote: true } %>
            </p>
          </div>
        </div>
      </div>

以下是所发生情况的截图（左上角）：

有关如何修复它的任何想法？我显然很无能为力。提前谢谢！