Semantic-UI - ссылки / теги / URL-адреса внутри выпадающего меню Semantic Ui не работают

#html #hyperlink #ruby-on-rails-5 #dropdown #semantic-ui

#HTML #гиперссылка #ruby-on-rails-5 #выпадающий #Semantic-ui

Вопрос:

Я работаю с Semantic UI в проекте rails и хотел создать выпадающее меню с элементами, которые будут ссылаться на другие страницы просмотра. Большинство проблем, которые я видел с выпадающим списком, были вызваны тем, что пользователи не инициализировали выпадающее меню, что я смог сделать.

Вот мой код:

  <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>

Разные вещи, которые я пробовал:

Создание отдельных жестко закодированных ссылок / тегов, например <a href="articles/4"> , вне выпадающего меню. Это создает рабочую ссылку и направляет меня на страницу просмотра статьи с идентификатором 4.
Также изменен класс переноса "ui floating dropdown item"

Я также просмотрел сообщения других пользователей, которые показывают, что у них такая же проблема. Но когда я пробую их решение, мои пункты выпадающего меню по-прежнему не работают, и я не уверен, что я делаю неправильно. Вот их сообщения:

Две наиболее важные вещи, по-видимому,:

Не помещать определение выпадающего класса как часть тега привязки (вставка тега привязки внутри тега привязки в выпадающем меню)
Не окружать каждый якорный тег своими собственными <div class="items"> тегами, а интегрировать их в одну строку, например <a class="item" href="#"> # </a>

Кто-нибудь может помочь мне понять, что я могу пропустить? Дайте мне знать, если я пропустил какую-либо важную информацию, хотелось бы сразу обновить сообщение соответствующими данными, спасибо!

Ответ №1:

Проведя все больше и больше исследований, я пришел к выводу, что ссылки не работают в моем выпадающем меню semantic-ui из-за некоторого кода, скорее всего Javascript, который я вставил ранее.

Конечно, я исключил этот способ из области возможного, потому что я ни за что не забыл бы о таком коде, но я решил на всякий случай просмотреть все свои файлы .js.

О чудо, у меня был селектор jQuery return false при .item нажатии на a…

Я чувствовал себя очень глупо, и сначала я не хотел в это верить, но если у вас возникла эта проблема, и вы проверили все остальное, как у меня, это, вероятно, ваш javascript!