CSS tarafı çalışmıyor Material-out

Question

Temel bir Materialize çalışmasına sahibim ve her şey iyi görünüyor.

İşte kodum. Menü:

<ul class="right hide-on-med-and-down"> 
    <li><a class="dropdown-button" data-constrainwidth="false" data-beloworigin="true" data-activates="about-drop" href="#!">About<i class="material-icons left">arrow_drop_down</i></a></li> 
    <li><a class="modal-trigger" href="#signup">Signup</a></li> 
    <li><a class="modal-trigger" href="#sign-in">Sign In</a></li> 
</ul> 

<ul id="slide-out" class="side-nav"> 
    <li><a href="#">About</a></li> 
    <li><a href="#">Signup</a></li> 
    <li><a href="#">Sign In</a></li> 
</ul> 

<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a> 

JS: bir menü dışarı genişletmek değil hamburger tıklayarak Ancak ekran boyutunu küçültmeyi zaman

<script> 
$(".dropdown-button").dropdown(); 
$(".button-collapse").sideNav(); 
$(document).ready(function(){ 
    $('.modal-trigger').leanModal(); 
}); 
</script> 

ben uygun hamburger menü olsun. URL bir hash # ile güncellenir ve işte budur. JS çıktımda hiçbir hata bildirilmedi.

Diğer JS işlevleri ile, açılır menü çalışır ve modal çalışır. Bay sideNav’ın neden işbirliği yapmadığına da şaşırdım.

Herhangi bir fikrin var mı?

Answer 1

Bir çözüm buldum. Matkap hackini Materialize: http://materializecss.com/templates/starter-template/js/init.js'dan aldım ve en son JS'mde arandığından emin oldum. (JS'nin geri kalanından önce, başarısızlığa neden olur.)