语义-UI - 语义Ui 内的链接/A 标签/URL 下拉菜单不起作用

Question

我在一个 rails 项目中使用语义 UI，我想创建一个下拉菜单，其中包含可以 link 到其他视图页面的项目。我在下拉菜单中看到的大多数问题都源于用户没有初始化我能够做到的下拉菜单。

这是我的代码：

 <div class="ui floating dropdown button">
    Course<i class="dropdown icon"></i>
    <div class="menu">

      <% @topics.each { |topic|  %>
        <a class="item" href="articles/<%= topic.id %>">
          <span class="text"> <%= topic.name %></span>
        </a>
      <% } %>

    </div>
  </div>

我尝试过的不同的东西：

在下拉菜单之外创建单独的硬编码 links / a 标签，例如 <a href="articles/4">。这将创建一个有效的 link 并将我定向到 ID 为 4 的文章显示视图页面。
也将包装的 class 更改为 "ui floating dropdown item"

我还查看了其他用户的 posts，表明他们也有同样的问题。但是当我尝试他们的解决方案时，我的下拉菜单项仍然不起作用，我不确定我做错了什么。这是他们的 post：

最重要的两件事似乎是：

不将下拉菜单 class 定义作为锚标记的一部分（在下拉菜单的锚标记内插入锚标记）
不是用自己的 <div class="items"> 标签包围每个锚标签，而是将它们整合成一行，例如 <a class="item" href="#"> # </a>

谁能帮我理解我可能忽略了什么？如果我遗漏了任何关键信息，请告诉我，我很乐意立即用相关数据更新 post，谢谢！

Answer 1

经过越来越多的研究，我得出的结论是链接在我的语义 ui 下拉菜单中不起作用，因为一些代码，很可能 Javascript，我有插入之前。

当然，我排除了这种可能性，因为我不可能忘记这样的代码，但为了以防万一，我决定检查我所有的 .js 文件。

你瞧，当 .item 被点击时，我有一个 jQuery 选择器 return false...

我觉得真的很傻，一开始我不想相信，但如果你遇到这个问题并且你像我一样检查了其他所有内容，那可能是你的 javascript!

语义-UI - 语义Ui 内的链接/A 标签/URL 下拉菜单不起作用

Semantic-UI - Links / A Tags / URLs Inside Semantic Ui Dropdown Menu Do Not Work

html

hyperlink

semantic-ui

ruby-on-rails-5

dropdown