Как дать идентификатор начальной загрузки: раскрывающемуся меню в HTML - PullRequest
Новая
       23

Как дать идентификатор начальной загрузки: раскрывающемуся меню в HTML

0 голосов
/ 09 марта 2020

Для моего Ruby в проекте Rails я пытаюсь добавить один и тот же идентификатор ко всем частям заголовка.

Вот эффект, который я хочу для всех элементов заголовка

и вот эффект на раскрывающуюся часть меню

Прямо сейчас я могу получить ссылки с идентификатором "top", как видно на код ниже. Но как применить этот идентификатор к меню учетной записи? 

<ul class="nav navbar-nav navbar-right">
        <li><%= link_to "Home", root_path, id: "top" %></li>
        <li><%= link_to "Seach", search_path, id: "top" %></li>
        <li><%= link_to "Courses", courses_path, id: "top" %></li>
        <li><%= link_to "Subjects", subjects_path, id: "top" %></li>
        <li><%= link_to "Instructors", instructors_path, id: "top" %></li>
        <% if logged_in? %>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
          Account <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
          <li><%= link_to "Profile", current_user, id: "top" %></li>
          <li class="divider"></li>
          <li>
            <%= link_to "Log out", logout_path, method: :delete, id: "top" %>
          </li>
        </ul> 
      </li>

Вы можете видеть, что я добавил id: "top" к ссылкам выше и кнопкам "Profile" и "Logout" в выпадающем меню, но я не могу понять, как к "Account" "часть.

Спасибо за вашу помощь!

1 Ответ

0 голосов
/ 10 марта 2020

Вы назначаете один и тот же идентификатор html нескольким элементам на одной странице. Это приведет к ошибкам. Идентификаторы должны быть уникальными для каждого представления. Чтобы добавить идентификатор к тегу в разделе «Учетная запись», это можно сделать с помощью

<a href='#' class='...' id='unique-id-name'... >...</a>

Атрибут id указывает уникальный идентификатор для элемента HTML ( значение должно быть уникальным в документе HTML).

...