javascript - 悬停时的语义 Ui 下拉菜单

Question

我希望我的语义 ui 下拉菜单在悬停时触发而不是单击，它在单击时有效，但在悬停时无效。

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>

Answer 1

如果你想要悬停效果来打开下拉菜单，那么你不需要使用javascript，而是可以将类simple添加到你的父级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