語義UI兩個幾乎相同的下拉菜單 - 一個正常，一個不正確

我正在構建一個系統，需要在同一屏幕上顯示兩個下拉菜單，字面上是一個下拉菜單。語義UI兩個幾乎相同的下拉菜單 - 一個正常，一個不正確

下面是我的代碼的確切表示。

<div class="field"> 
    <label>Operational Category</label> 
    <div class="ui selection dropdown"> 
     <input type="hidden" class="ui hidden timeType" name="time_type" value="10" /> 
     <i class="simple dropdown icon"></i> 
     <div class="menu"> 
      <% for (let thisTimeType of timeTypes) { %> 
       <div data-value="<%= thisTimeType.getId() %>"><%= thisTimeType.getName() %></div> 
      <% } %> 
     </div> 
    </div> 
</div> 

<div class="field"> 
    <label>Task Category</label> 
    <div class="ui selection dropdown"> 
     <input type="hidden" class="ui hidden category" name="card_category_id" value="<%= card_category_id %>" /> 
     <i class="simple dropdown icon"></i> 
     <div class="default text">(no category)</div> 
     <div class="menu"> 
      <% for (let thisCardCategory of cardCategories) { %> 
      <% let isActive = (thisCardCategory.getId() == card_category_id) ? 'active item' : 'item' %> 
       <div class="<%= isActive %>" data-value="<%= thisCardCategory.getId() %>"><%= thisCardCategory.getName() %></div> 
      <% } %> 
     </div> 
    </div> 
</div>

在文件的底部是

jQuery('.ui.dropdown').dropdown();

一個下拉式菜單（諷刺的是，第二個）的作品，另一個沒有，我想不通爲什麼一個電話。事情我已經嘗試：

給第一個的「默認文本」
卸下第二個，看是否第一個會用「簡單」類看做工
如果它的構造好嗎。它懸停並顯示選項，雖然看起來很垃圾。

有什麼想法？因爲我完全被這個困惑了。我錯過了一些超級明顯的東西嗎？

來源

2017-07-04 David

你錯過了'item' CSS類名的第一個下拉列表（'類= 「項」'）。它倒是像這樣：'

<%= thisTimeType.getName() %>

' – IronGeek

* facepalm *就是這樣。當我現在看它時顯而易見！謝謝：） – David

答：按照IronGeek的評論，答案是超級簡單：第一個下拉

我錯過了item CSS類名（類=「項目」）。

例如：<div class="item" data-value="<%= thisTimeType.getId() %>"><%= thisTimeType.getName() %></div>

來源

2017-07-04 11:51:03 David

語義UI兩個幾乎相同的下拉菜單 - 一個正常，一個不正確

回答

相關問題