Блог

Главная - Вопросы по программированию - Как отключить семантический интерфейс / Fomantic-динамическое меню пользовательского интерфейса / состояние

Как отключить семантический интерфейс / Fomantic-динамическое меню пользовательского интерфейса / состояние

#css #menu #semantic-ui #fomantic-ui

#css #меню #семантический интерфейс #fomantic-пользовательский интерфейс

Вопрос:

Я создаю статический сайт с помощью Fomantic-UI (Semantic-UI). Когда я создавал свои меню, но до того, как подключил их к ссылкам, я заметил, что текст выпадающего элемента ссылки изменился при выборе одного из элементов подменю. Аккуратно! Но поскольку я не использую ничего, что сохраняет состояние, это изменение не поддерживается, теперь, когда ссылки ведут вас на новую страницу. Я в порядке с этим, но мне не нравится, как текст ненадолго меняется перед загрузкой браузером новой страницы. Я хотел бы полностью исключить это изменение.

Или, если есть способ сохранить это изменение на новой странице, меня бы это тоже устроило.

Спасибо!

Редактировать: Вот мой код, но исправление должно будет ссылаться на JS фреймворка.

 <div class="ui dropdown link item">
  <span class="text" role="group">Group 1</span>
  <i class="dropdown icon"></i>
  <div class="menu submenu">
    <div class="header">Services</div>
    <a class="item" href="#">Item 1</a>
    <a class="item" href="#">Item 2</a>
    <a class="item" href="#">Item 3</a>
  </div>
</div>

JSFiddle

Ответ №1:

@gwyndall Если вы не хотите обновлять текущий текст при нажатии на пункт меню. Вы можете использовать action свойство с select в выпадающих настройках.

 $('.ui.dropdown').dropdown({ action: 'select' });

Источник: https://github.com/fomantic/Fomantic-UI/issues/1676#issuecomment-693587926