首页 > 解决方案 > Ruby on Rails 6 - 已创建下拉菜单但无法正常工作

问题描述

我正在创建一个艺术画廊应用程序,但下拉菜单不起作用。切换已创建。这是我在 application.html.erb 中的导航栏代码:

<ul class="nav navbar-nav navbar-right">
          <li class="nav-item dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Categories <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
               <% Category.all.each do |category|%>
                 <li class="<%= 'active' if params[:category] == category.name %>">
                   <%= link_to category.name, paintings_path(category: category.name), class: "dropdown-item" %>
                </li>
            <% end %>
            </ul>
          </li>

我正在使用 Bootstrap-sass gem,我的 application.js 中的代码是:

require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");

import "bootstrap";
//= require jquery_ujs
//= require jquery
//= require turbolinks
//= require bootstrap-sprockets

//= require_tree

// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

我认为有一些关于 JS 的东西,它没有识别我的菜单,但我想知道为什么。你能帮我解决这个问题吗?谢谢 :)

标签: ruby-on-railsdrop-down-menumenudropdownruby-on-rails-6

解决方案


推荐阅读