禁用语义用户界面/语义用户界面的动态菜单/状态

如何解决禁用语义用户界面/语义用户界面的动态菜单/状态

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