語義UI下拉列表不顯示下拉列表，但其他所有內容都正常工作

我在我的ASP.NET Web窗體應用程序中使用Semantic UI Dropdown。它的工作很好，在this fiddle。但在我的應用程序中，它沒有顯示在選擇器div上單擊時的下拉菜單。另外，我可以通過搜索選擇元素，但在這種情況下，下拉菜單也不顯示。當我使用Firefox進行檢查時，發現display: none屬性不會更改爲.menu類。當我研究SO時，我發現了這些相關的問題：Semantic-ui dropdown is not working和semantic UI dropdown not working。我嘗試瞭解決方案，但他們都沒有工作。我在我的項目中檢查了其他的CSS，他們都沒有顯示任何衝突。那麼，它有什麼問題？你可以在小提琴中找到我的下拉代碼。語義UI下拉列表不顯示下拉列表，但其他所有內容都正常工作

來源

2015-05-30 Aishwarya Shiva

一個長鏡頭，但也許你的CSS文件中的.menu類有一個'display：none！important;'屬性？ –

@SlavenkoMiljic實際上我使用的是原始的CSS，它沒有'！important'。此外，我試圖使用它，但沒有效果。 –

你不能使用多個菜單類！。只需閱讀文檔： 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>&nbsp;&nbsp;Currency</div> 
    <div class="item" data-value="2"><i class="fa fa-rupee"></i>&nbsp;&nbsp;Currency</div> 
    <div class="item" data-value="3"><i class="fa fa-rupee"></i>&nbsp;&nbsp;Currency</div> 
    <div class="item" data-value="1"><i class="fa fa-rupee"></i>&nbsp;&nbsp;Currency</div> 
    <div class="item" data-value="1"><i class="fa fa-rupee"></i>&nbsp;&nbsp;Currency</div> 
    <div class="item" data-value="1"><i class="fa fa-rupee"></i>&nbsp;&nbsp;Currency</div> 
</div>

這裏： http://jsfiddle.net/ow2by6av/7/

來源

2015-05-31 10:17:06 ikourfaln

我已經試過了。你可以在這個小提琴更新中看到它：http://jsfiddle.net/ow2by6av/4/。但在小提琴的工作，而不是在我的網站的頁面。問題不在於顯示1項內容，而是完整的下拉菜單。 –

嗯，我認爲問題是從ASP.NET佈局，所以要調試，只需運行應用程序，並從瀏覽器給我們的源代碼 – ikourfaln

有時候你必須初始化的語義JS部分。嘗試調用窗口的.onLoad()中的.dropdown()函數。

```JS

window.onload = function(){ 
    $('.ui.dropdown').dropdown(); 
};

```

來源

2015-07-14 14:07:31 ThePenguin

就我而言，我不得不minchars設置爲大於1.單擊下拉不會呈現在這種情況下菜單。

來源

2017-12-09 04:42:12 dickmao

語義UI下拉列表不顯示下拉列表，但其他所有內容都正常工作

回答

相關問題