Javascript 悬停时的语义Ui下拉列表

我希望我的语义ui下拉菜单在鼠标悬停而不是单击时触发，它在单击时起作用，但在鼠标悬停时不起作用

Javascript:

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

<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>

HTML:

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

<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，而是可以将class

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>

成员
你可以拿着这个，它对我有用

$（'.dropdown'）.dropdown（{transition:'drop'}）.dropdown（{on:'hover'}）；
这是与上面相同的答案，只是更干净而已

$('.dropdown').dropdown({transition: 'drop', on: 'hover' });

我用这个：

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

而且效果很好。在您的情况下，请尝试选择下拉列表项的父项。
谢谢，但是有没有办法保持转换？如果我不使用简单的用户界面，请单击它，然后用转换下拉列表。我需要一种方法将其下拉到悬停状态，并进行转换。我认为，
SemUI
目前不支持此功能，或者可能我遗漏了一些东西。很抱歉这么说…：/