語義UI下拉測試

我試圖從語義UI測試語義UI Dropdown模塊。語義UI下拉測試

當我嘗試使用它時，它實際上並沒有「下拉」。我試圖弄清楚，但我似乎無法使其工作。

這是我的例子：

<!DOCTYPE html> 
<html> 

    <head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css"/> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.js"></script> 
    </head> 

    <body> 
    <div class="ui multiple dropdown"> 
     <input type="hidden" name="filters"> 
     <i class="filter icon"></i> 
     <span class="text">Filter Posts</span> 
     <div class="menu"> 
     <div class="ui icon search input"> 
      <i class="search icon"></i> 
      <input type="text" placeholder="Search tags..."> 
     </div> 
     <div class="scrolling menu"> 
      <div class="item" data-value="important"> 
      <div class="ui red empty circular label"></div> 
      Important 
      </div> 
      <div class="item" data-value="enhancement"> 
      <div class="ui orange empty circular label"></div> 
      Enhancement 
      </div> 
     </div> 
     </div> 
    </div> 
    </body> 
</html>

什麼我需要做的就是語義UI下拉工作？

來源

2017-02-13 Vaccano

只需要添加一個腳本來火了語義UI：

<script> 
    $('.ui.dropdown').dropdown(); 
</script>

來源

2017-02-13 17:53:30 Vaccano

語義UI下拉測試

回答

相關問題