ruby-on-rails - 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 的东西,它没有识别我的菜单,但我想知道为什么。你能帮我解决这个问题吗?谢谢 :)
解决方案
推荐阅读
- python - Flask Post Data 额外大括号
- javascript - 创建在特定浏览器中打开的动态超链接
- laravel - 不知道如何在 Laravel 中设置这些数据库表
- python - Tkinter messagedialog askyesno 带有复选框?
- java - Hibernate 只在不应该返回的时候返回一条记录
- bigcommerce - 在 BigCommerce 中访问店面的元字段
- java - spring boot 无法调用存储库,因为存储库为空
- python - 组合两个数据框,将值加到相应的名称中
- node.js - 我在 PassportJS 中使用的异步函数中的引用错误
- dialogflow-es - Google Assistant 上的 userStorage 奇怪的格式