悬停时的语义Ui下拉列表 [英] Semantic Ui Dropdown on hover

问题描述

我希望我的语义ui下拉菜单在悬停时触发而不是点击，它可以点击，但不会悬停。

I want my semantic ui dropdown menu to trigger on hover instead of click, it works on click, but not hover.

Javascript：

$('.ui.dropdown').dropdown({on:'hover'});

HTML：

<div class="ui dropdown item">
    <i class="fa fa-users"></i> Members <i class="fa fa-caret-down"></i>
    <div class="menu">
        <a class="item"><i class="fa fa-users"></i> Players</a>
        <a class="item"><i class="fa fa-user-md"></i> Staff</a>
    </div>
</div>

推荐答案

如果你想悬停效果打开下拉菜单那么你不需要使用javascript，而是可以将类简单添加到您的父 div ：

If you want hover effect to open dropdown menu then you don't need to use javascript, instead you can add class simple to your parent div:

<div class="ui simple dropdown item">
    <i class="fa fa-users"></i> Members <i class="fa fa-caret-down"></i>
    <div class="menu">
        <a class="item"><i class="fa fa-users"></i> Players</a>
        <a class="item"><i class="fa fa-user-md"></i> Staff</a>
    </div>
</div>

小提琴演示

Fiddle Demo

这篇关于悬停时的语义Ui下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！