如何禁用 Semantic-UI / Semantic-UI dynamic menu/state

Question

我正在使用 Semantic-UI (Semantic-UI) 构建一个静态站点。当我创建我的菜单时，但在我将它们连接到 links 之前，我注意到下拉菜单 link 项的文本在选择一个子菜单项时发生了变化。整洁的！但由于我没有使用任何保留状态的东西，所以这种变化不会持续，现在 link 将您带到一个新页面。我对此很好，但我不喜欢在浏览器加载新页面之前文本如何短暂更改。我想完全消除这种变化。

或者，如果有办法在新页面上保持该更改，我也愿意。

谢谢！

编辑：这是我的代码，但修复必须引用框架的 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

Answer 1

@gwyndall If you don't want to update the current text when you click the menu item. You can use action property with select in dropdown settings.
$('.ui.dropdown').dropdown({ action: 'select' });

来源：https://github.com/fomantic/Fomantic-UI/issues/1676#issuecomment-693587926

如何禁用 Semantic-UI / Semantic-UI dynamic menu/state

How do I disable Semantic-UI / Fomantic-UI dynamic menu/state

css

menu

semantic-ui

fomantic-ui