循环下拉菜单中的项目轨道

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

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

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

Answer 2

首先，您需要检查所有li元素是否都在div class="menu"中渲染，如果它正在渲染，那么，您应该检查某个类是否在下拉打开时添加，该类是否添加到"菜单"div。

您还可以编写"li"标签呈现代码，如下所示

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