我需要在将鼠标悬停在其上时忽略它。现在,ui下拉只是可见,并且在点击或点击时从不显示或隐藏。
以下是摘录:
<div ng-show="user" class="ui pointing dropdown link item">
<span class="text">Reg</span>
<i class="dropdown icon"></i>
<div class="menu transition visible">
<a class="item" href="/xyz">
Schools
</a>
<div class="divider"></div>
<a class="item" href="/xyz2">
Admissions
</a>
</div>
</div>
UI下拉初始化如下:
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/components/dropdown.js" type="text/javascript"></script>
<script type="text/javascript">
$('.ui.dropdown')
.dropdown();
</script>
这里需要进行哪些更改?
答案 0 :(得分:4)
您只需要为悬停添加css类simple
。
<div ng-show="user" class="ui pointing simple dropdown link item">
<span class="text">Reg</span>
<i class="dropdown icon"></i>
<div class="menu transition visible">
<a class="item" href="/xyz">
Schools
</a>
<div class="divider"></div>
<a class="item" href="/xyz2">
Admissions
</a>
</div>
</div>
在JS文件中,您需要初始化如下
<script>
$(document).ready(function () {
$('.ui.dropdown').dropdown();
})
</script>