如何在没有链接的情况下让下拉菜单工作

Question

当我的网站处于移动设备时，我正在尝试让此菜单正常工作。当您点击屏幕时，菜单会下拉，但由于它是一个链接，它会重新加载页面，使菜单只显示短短几秒钟。如果我删除"link_to"标签，菜单根本不起作用，所以我的问题是如何在不使用"link_to"标签和不使用 JavaScript 的情况下打开此菜单？这可能吗？

这是代码

        <div id="menu">
            <nav id ="nav" role="navigation">
                <ul>
                    <li>
                        <div class="section group">
                            <div class="col span_1_of_2">
                                <p><%= link_to "Menu v", root_url %></p>
                            </div>
                        </div>
                        <ul>
                            <%= link_to "Home", root_url %>
                            <% @category = Category.all %>
                            <% @category.each do |category| %>
                            <% if category.show_in_header? %>
                            <li><%= link_to "#{category.name}", content_url(category), :controller => 'categories' %></li>
                            <% end %>
                            <% end %>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

任何帮助都非常感谢。

Answer 1

通过替换行

<p><%= link_to "Menu v", root_url %></p>

跟

<%= content_tag("a","Menu") %>

我能够在不重新加载页面的情况下打开菜单。使其非常适合与下拉菜单一起使用。