2016-11-01 5 views
0

드롭 다운 버튼을 만들려고하는데 제대로 작동하지 않습니다. 버튼이 모바일에서는 작동하지만 데스크탑에서는 작동하지 않습니다.드롭 다운 버튼 - materializecss framework

<ul id="dropdown2" class="dropdown-content"> 
    <li><a href="#">Ustawienia</a></li> 
    <?php if($this->session->userdata('u_group') > 1) { ?> 
    <li><a href="#">Panel administratora</a> 
</li> 
    <?php } ?> 
</ul> 

<li><a class="dropdown-button" href="#!" data-activates="dropdown2"><?php echo $this->session->userdata('u_nick'); ?><i class="material-icons right">arrow_drop_down</i></a></li> 
+0

이 당신의 수입을 확인 codepen

HTML을하고, JQuery와 materialize.js –

+0

전에 가져와야합니다 그것은 아니에요 .... –

답변

0

HTML 코드

(function($){ 
    $(function(){ 

    $('.button-collapse').sideNav(); 
    $('select').material_select(); 
    $('.dropdown-button').dropdown(); 

    }); // end of document ready 
})(jQuery); // end of JQuery name space 

init.js로 난 당신이 dropdown-button 클래스가 태그에 btn 클래스를 추가 할 필요가 있다고 생각 :이 코드입니다. 그러면 효과가 있습니다. 여기

<ul id="dropdown2" class="dropdown-content"> 
    <li><a href="#">Ustawienia</a></li> 
    <li><a href="#">Panel administratora</a></li> 
</ul> 

<li> <!-- Add btn class to a tag --> 
    <a class="dropdown-button btn" href="#!" data-activates="dropdown2">Dropdown 
    <i class="material-icons right">arrow_drop_down</i> 
    </a> 
</li> 
관련 문제