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

问题描述

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

解决方法

@gwyndall如果您不想在单击菜单项时更新当前文本。您可以将android:paddingStart="@dimen/reycler_view_h_padding" android:paddingEnd="@dimen/recycler_view_h_padding" 属性与下拉列表settings中的action一起使用。

select

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