下拉菜单中的循环项目 Rails

Question

我试图在下拉菜单中循环显示类别，但点击菜单并没有显示每个类别。但是，如果我通过放置 'link_to' 项而不是循环来进行测试，则下拉列表可以正常工作。

<div class="ui dropdown item"> 
 <button class="ui primary button">
 Browse By Category  <i class="dropdown icon"></i>
    </button>
    <div class="menu"> 
    <% Category.all.each do |category| %>
    <li><%= link_to category.name, categories_show_path(category: category.name) %></li>
          <% end %>
              </div>
             </div>

Answer 1

首先你需要检查所有li元素是否在divclass="menu"中渲染，如果是渲染那么你应该检查一些class 在打开的下拉列表中添加，是 class 添加到 'menu' div.

你也可以像下面这样写'li'标签渲染代码

<% Category.pluck(:name).each do |category| %>
  <li><%= link_to category, categories_show_path(category: category) %></li>
<% end %>

Answer 2

我犯了一个简单的错误，忘记添加 "item" div class 以正确列出项目。

<div class="item"><%= link_to category.name , categories_show_path(category: category.name) %></div>

下拉菜单中的循环项目 Rails

Looping items in a dropdown menu Rails

html

ruby-on-rails

semantic-ui