css - 如何禁用 Semantic-UI / Fomantic-UI 动态菜单/状态

Question

我正在使用 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

标签： cssmenusemantic-uifomantic-ui

Answer 1

@gwyndall 如果您不想在单击菜单项时更新当前文本。您可以在下拉设置action中使用属性。select

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

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