Как сохранить текущую вкладку активной при переключении ul в JavaScript

Я хочу, чтобы вкладка, которую я выбрал при переключении CDNA, оставалась активной. Пожалуйста, найдите интерфейс и код ниже:

Как сохранить текущую вкладку активной при переключении ul в JavaScript

Итак, согласно изображению, я выбрал «Сегментное представление», поэтому, пока я нажимаю на CDNA и снова открываю его, «Сегментное представление» должно оставаться активным.

Пожалуйста помоги.

<ul class = "nav side-menu " id = "tree3">
  <li style = "background-color: #01AE9D;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;" class = "campaignCentral active">
    <a id = "cdnaAnchor" class = "sep">
      <span>
        <i class = "fa fa-plus-square-o"></i>CDNA</span>
      <span id = "arrowImage" class = "fa fa-chevron-circle-down"></span>
    </a>
    <ul t-ng-resize class = "nav child_menu" style = "display: block;">
      <li ng-class = "currentState == 'individual' ? 'active':''" class = "parentLi">
        <a ui-sref = "individual">
          <i class = "fa fa-street-view" aria-hidden = "true"></i>&nbsp;&nbsp;
          <span data-ng-show = "!resized">Customer View</span>
        </a>
      </li>
      <li ng-class = "currentState == 'segment' ? 'active':''" class = "parentLi">
        <a ui-sref = "segment">
          <i class = "fa fa-pie-chart" aria-hidden = "true"></i>&nbsp;&nbsp;
          <span data-ng-show = "!resized">Segment View</span>
        </a>
      </li>
      <li ng-class = "currentState == 'merchant' ? 'active':''" class = "parentLi">
        <a ui-sref = "merchant">
          <i class = "fa fa-users" aria-hidden = "true"></i>&nbsp;&nbsp;
          <span data-ng-show = "!resized">Merchant View</span>
        </a>
      </li>
      <li ng-class = "currentState == 'product' ? 'active':''" class = "parentLi">
        <a ui-sref = "product">
          <i class = "fa fa-sitemap" aria-hidden = "true"></i>&nbsp;&nbsp;
          <span data-ng-show = "!resized">Product View</span>
        </a>
      </li>
      <li ng-class = "currentState == 'dashboard' ? 'active':''" class = "parentLi">
        <a ui-sref = "dashboard">
          <i class = "fa fa-desktop" aria-hidden = "true"></i>&nbsp;&nbsp;
          <span data-ng-show = "!resized">Exec Dashboard</span>
        </a>
      </li>
    </ul>

Создание скрипта JS, показывающего вашу проблему, поможет вам получить ответ.

Dean Meehan 24.07.2018 09:54

Создание сниппета stackoverflow, демонстрирующего проблему, получит еще большую помощь (чем скрипт js, который в наши дни обычно не рекомендуется)

freedomn-m 24.07.2018 10:22
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
2
75
0

Другие вопросы по теме