如何在Rails / Haml頁面上格式化該紅寶石，以使我的子數據點顯示在主數據下方？

Question

我剛接觸紅寶石，目前正在使用繭形寶石在haml中構建簡單的嵌套形式。 下面的代碼是一個視圖，該視圖顯示了我的“節”數據（節是父級）和一個可選的問題表單，如果用戶單擊“添加問題”按鈕，該問題表單將嵌入到頁面中。

當表單最初呈現時，我們看到了理想的情況。 部分字段在屏幕上，問題標題在其下方，“ add_question”按鈕也顯示在屏幕上。

當我單擊“ add_question”時，頁面上會出現2個問題集-在“部分”字段上方。 我希望它們顯示在“部分”字段下方，但我不知道該怎么做。 沒有影響頁面的特殊CSS，這是一個簡單的頁面。

剖面視圖頁面在這里：

%h2 Sections
= semantic_form_for @section do |f|
  = f.inputs do
    = f.input :title
    = f.input :body, :class => "textareea", :rows => 40, :cols => 6 
    = f.input :image_file_name
    = f.check_box :good_opinion, :class => "checkbox"
    = f.label "Check me if you have a good opinion of this feature", :class => "checkbox" 
    %hr
    %h3 Questions
    #questions
    = f.semantic_fields_for :section.questions do |question|
      = render 'question_fields', :f => question
      .links
    = link_to_add_association 'add question', f, :questions
  %p 
  %input{type: 'submit', value: 'Submit'}

這里的question_fields形式為partial（.nested-fields css樣式當前為空）：

.nested-fields
  = f.inputs do
    = f.input :question_text
    = f.input :answer_text
    = f.input :section_id
    = link_to_remove_association "remove question", f

我可以做些什么使它變得更好嗎？

Answer 1

link_to_add_association具有以下選項：

• name:鏈接中顯示的文本； f：表單構建器的關聯。關聯：需要添加新實例（符號或字符串）的關聯（復數）的名稱。

• html_options ：額外的html-options（請參閱link_to有一些特殊選項，前三個允許控制新鏈接數據的放置：

  • data-association-insertion-traversal ：jQuery遍歷方法，允許相對於鏈接選擇節點。 最近，下一個，子級等。默認值：絕對選擇

  • data-association-insertion-node ： data-association-insertion-node的jQuery選擇器

---

也許您應該這樣做：

link_to_add_association 'add question', f, :questions, data: {"association-insertion-method" => "after"}