按照semantic-ui官网示例，编写了如下示例，却不见效果。
<div class="ui secondary menu">
<a class="item">首页</a>
<div class="ui dropdown item" id="dp1">
技术
<i class="dropdown icon"></i>
<div class="menu" id="dp2">
<div class="item">前端技术门户网</div>
<div class="item">后端技术门户网</div>
<div class="item">博客</div>
</div>
</div>
<a class="item">茶室</a>
<a class="item">理财</a>
<a class="item">门市</a>
<a class="item">设计</a>
<a class="item">健康</a>
<a class="item">博客</a>
<a class="item">俱乐部</a>
<a class="item">其它</a>
</div>
最后试了了官网示例
http://semantic-ui.com/modules/dropdown.html#/usage
发现一样，一直找不到原因，
js脚本就是这么简单
<script> $(‘#dp1‘).dropdown(); </script>
最终解决，把js放html后面就可以，在文档开始写就不行，所以说应该是加载和渲染时机问题，然而即使放ready事件中编写也不行。具体原因待查。
semantic-ui dropdown is not a function
原文：http://www.cnblogs.com/navigate/p/5298965.html