semantic-ui dropdown is not a function

按照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事件中编写也不行。具体原因待查。

原因较2，由于页面中使用script标签加载js并且非异步加载，所以导致页面一直没有渲染完成，所以在加载完成前就会点击一直报no function错误。