语义UI下拉菜单没有显示下拉菜单，但其他一切都正常
语义UI下拉菜单没有显示下拉菜单，但其他一切都正常
提问于 2015-05-31 05:10:54
我在我的ASP.NET Web Forms应用程序中使用了Semantic UI Dropdown。它在this fiddle中工作得很好。但在我的应用程序中，当单击选择器div时，它不会显示下拉菜单。此外，我可以通过搜索来选择元素，但在这种情况下，下拉菜单也不会显示。当我使用火狐进行检查时，我发现.menu类的display: none属性没有改变。当我研究SO时，我发现了这些相关的问题：Semantic-ui dropdown is not working和semantic UI dropdown not working。我尝试了这些解决方案，但似乎都不起作用。我检查了我的项目中的其他css，它们都没有显示任何冲突。那么，它有什么问题呢？你可以在小提琴里找到我的下拉代码。
回答 3
Stack Overflow用户
发布于 2015-07-14 22:07:31
有时，您必须初始化语义的JS部分。尝试在窗口的.onLoad()中调用.dropdown()函数。
window.onload = function(){
$('.ui.dropdown').dropdown();
};Stack Overflow用户
发布于 2015-05-31 18:17:06
不能使用多个菜单类!！.只需阅读文档：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>这里：http://jsfiddle.net/ow2by6av/7/
Stack Overflow用户
发布于 2017-12-09 12:42:13
在我的示例中，我将minchars设置为大于1。在这种情况下，单击下拉菜单不会呈现菜单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30551424
复制相关文章
相似问题
腾讯云开发者
