按照semantic-ui官网示例,编写了如下示例,却不见效果。
<div class="ui secondary menu">
<a class="item">首页</a>
<div class="ui dropdown item" >其它</a>
</div>
最后试了了官网示例
http://semantic-ui.com/modules/dropdown.html#/usage
发现一样,一直找不到原因,
js脚本就是这么简单
<script>
$('#dp1').dropdown();
</script>
最终解决,把js放html后面就可以,在文档开始写就不行,所以说应该是加载和渲染时机问题,然而即使放ready事件中编写也不行。具体原因待查。
原因较2,由于页面中使用script标签加载js并且非异步加载,所以导致页面一直没有渲染完成,所以在加载完成前就会点击一直报no function错误。