2015-08-08 49 views
1

在这里工作是在我的代码的相关部分的问题:SemanticUI jQuery是不是在所有

<head> 
    <link rel="stylesheet" type="text/css" href="/static/semantic/dist/semantic.rtl.min.css" /> 
    <?php Yii::app()->clientScript->registerCoreScript('jquery'); ?> 
    <script src="/static/semantic/dist/semantic.min.js"></script> 
    <script src="/static/semantic/dist/components/dropdown.min.js"></script> 
    <script> 
     $('.ui.dropdown') 
      .dropdown() 
     ; 
    </script> 
</head> 

<body> 

<div class="ui dropdown"> 
    <input type="hidden" name="gender"> 
    <i class="dropdown icon"></i> 
    <div class="default text">Gender</div> 
    <div class="menu"> 
     <div class="item" data-value="male">Male</div> 
     <div class="item" data-value="female">Female</div> 
    </div> 
</div> 

</body> 

好像下拉刚刚拒绝工作。我也试过其他的东西(搜索,手风琴),但他们没有工作。

检查不同的浏览器,在不同的平台上,什么也没有。

检查也可能是加载文件的问题,但根据Chrome一切加载罚款,没有错误。

+0

@Timing不,控制台是空的。 –

回答

2

当您调用dropdown插件时,页面上没有.ui.dropdown元素。你需要初始化时DOM准备就绪:

$(function() { 
    $('.ui.dropdown').dropdown(); 
}); 

或者你也可以把你原来的脚本块结束</body>标签之前,它会工作过。

+1

谢谢,它的作品! –

+0

@BooBoo这是“时间不”? – Teemu