时间戳

首页 > 解决方案 > 在语义 UI 中，如何在单击下拉菜单时将用户重定向到新页面，并在单击箭头时显示下拉项目？

html - 在语义 UI 中，如何在单击下拉菜单时将用户重定向到新页面，并在单击箭头时显示下拉项目？

问题描述

假设我有以下由语义 UI 构建的下拉菜单。

<div class="ui dropdown blue" tabindex="0">
  My Dashboard 
  <a  href="/dashboard"></a>
  <i class="dropdown icon"></i>
  <div class="menu transition visible" tabindex="-1" style="display: block !important;">
    <a href="/searches" class="item  blue" >My Searches</a>
    <a href="/policies" class="item blue" >My Policies</a>
  </div>
</div>

下拉菜单有两个项目，“我的搜索”和“我的政策”。单击任何一个将带您进入一个新页面。但是，如果我单击“我的仪表板”，则需要将其重定向到仪表板页面。它适用于导航栏。我应该如何实现这一目标？

标签： htmlcsssemantic-ui

解决方案

推荐阅读