如何在加載時顯示表格

Question

如何顯示負載形式。 現在，我可以在單擊按鈕（添加按鍵技能）時看到表單字段。 我希望所有功能都可以一起工作。在加載時，我想查看表格並單擊onclick``添加關鍵技能''或``刪除關鍵技能''，它應該添加和刪除（現在單擊添加或刪除它就可以了，但看不到加載表格，只有點擊“添加關鍵技能”，我才能看到該表格）

$(function()
{
    function check_to_hide_or_show_add_key_skill_link()
    {
        if ($('#key_skills .nested-fields:visible').length == 4) {
            $('#key_skills .links a').hide();
        } else {
            $('#key_skills .links a').show();
        }
    }

    $('#key_skills').on('cocoon:after-insert', function()
    {
        check_to_hide_or_show_add_key_skill_link();
    });

    $('#key_skills').on('cocoon:after-remove', function()
    {
        check_to_hide_or_show_add_key_skill_link();
    });

    check_to_hide_or_show_add_key_skill_link();
});

我的表格關鍵技能*

<div id="key_skills">
  <%= f.simple_fields_for :key_skills do |key_skill| %>
    <div class="nested-fields">
      <div class="field">
        <%= f.input :name , input_html: { class: 'form-control keySkill', required: true }%>
          <%= f.input :relevant_experience, input_html: { class: 'form-control', required: true } %>
            <%= link_to_remove_association "Remove Skill", f %>
      </div>
    </div>
    <% end %>
      <div class="links">
        <%= link_to_add_association 'Add Key Skill', f, :key_skills, class: "links" %>
      </div>
</div>

這是我當前的輸出。 在單擊添加關鍵技能時，我將獲得表格，但我希望它在加載時）

Answer 1

由於您沒有提供很多信息，所以我不知道頂級元素的名稱是什么，但是讓我們假設它是Job並且Job具有很多key_skills 。

您的JobsController有一個create方法，大致如下：

def create
  @job = Job.new 
end 

如果您想立即添加一個關鍵技能來填寫，您可以編寫

def create
  @job = Job.new 
  @job.key_skills.build 
end 

（這將添加一個空的鍵技能以進行填寫）。

繭庫的相關問題： https : //github.com/nathanvda/cocoon/issues/420