语义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下拉测试

回答

相关问题