Semantic UI Dropdown 不显示下拉菜单，但其他一切正常
2015-05-30
4204
我在 ASP.NET Web 窗体应用程序中使用
Semantic UI Dropdown
。它在
这个 fiddle
中运行良好。但在我的应用程序中，单击选择器 div 时不会显示下拉菜单。此外，我可以通过搜索选择元素，但在这种情况下下拉菜单也不会显示。当我使用 Firefox 检查时，我发现
.menu
类的
display: none
属性没有改变。当我研究 SO 时，我发现了这些相关问题：
Semantic-ui 下拉菜单不起作用
和
semantic UI 下拉菜单不起作用
。我尝试了这些解决方案，但似乎都没有用。我检查了项目中的其他 css，它们都没有显示任何冲突。那么，它有什么问题？你可以在 fiddle 中找到我的下拉菜单代码。
3个回答
有时您必须初始化语义的 JS 部分。
尝试在窗口的
.onLoad()
中调用
.dropdown()
函数。
window.onload = function(){
$('.ui.dropdown').dropdown();
};
ThePenguin
2015-07-14
您不能使用多个菜单类！！。 只需阅读文档： http://semantic-ui.com/modules/dropdown.html 。 我编辑了您的小提琴，现在可以正常工作：
<div id="itdd" class="ui dropdown search button" style="background:maroon; color:white">
<span class="text">Click to select</span>
<div class="menu">
<div class="item" data-value="1"><i class="fa fa-rupee"></i> Currency</div>
<div class="item" data-value="2"><i class="fa fa-rupee"></i> Currency</div>
<div class="item" data-value="3"><i class="fa fa-rupee"></i> Currency</div>
<div class="item" data-value="1"><i class="fa fa-rupee"></i> Currency</div>
<div class="item" data-value="1"><i class="fa fa-rupee"></i> Currency</div>
<div class="item" data-value="1"><i class="fa fa-rupee"></i> Currency</div>
</div>
ikourfaln
2015-05-31
就我而言，我有
minchars
设置大于1。在这种情况下，单击下拉菜单不会呈现菜单。
dickmao
2017-12-09