0

我正在运行 Rails 版本 6.1.4.1 我正在尝试添加导航栏下拉列表(https://fomantic-ui.com/modules/dropdown.html#pointing)这是我在 Ruby on Rails 中的相关部分:

<div class="ui inverted menu site-menu">
  <div class="ui container">
    <div class="right menu">
        <div class="ui pointing dropdown link item">
          <span class="text">Shopping</span>
          <i class="dropdown icon"></i>
          <div class="menu">
            <div class="item">Home Goods</div>
            <div class="item">Bedroom</div>
          </div>
        </div>
    </div>
  </div>
</div>

视图正确呈现下拉列表。但是,在悬停或单击时,下拉菜单不会显示其菜单项。我的 application.js 看起来像这样:

//= require jquery3
//= require jquery_ujs
//= require jquery-ui
//= require semantic-ui
  ...
//= require_tree .

在 application.html.erb 中导入 application.js:

<head>
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag "application", media: "all" %>
  <%= javascript_include_tag 'application' %>
  <%= yield :head %>
</head>

我不确定问题出在哪里?是jquery吗?缺少宝石?

4

0 回答 0