Materilize側-NAVは常に開いて、

Question

マイサイド-NAVのロードが崩壊しても、このフィドルのようにモーダルを示すべきである崩壊ロードされません

と私のJavascriptを：

$(document).ready(function(){ 
 
    console.log("interactive is linked and ready"); 
 

 
// Initialize collapse button 
 

 

 
    $(".button-collapse").sideNav({ 
 
     menuWidth: 240, // Default is 240 
 
     edge: 'left', // Choose the horizontal origin 
 
     closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor 
 
    }); 
 
    // Initialize collapsible (uncomment the line below if you use the dropdown variation) 
 
    //$('.collapsible').collapsible(); 
 

 

 
});//end document.ready

私のHerokuのページ： http://coding-partners.herokuapp.com/home

マイフィドル：https://jsfiddle.net/clwarnock/h7md1q3u/8/

私は私の側-NAVはフィドルのように、より機能するように取得しようとしている：

1. 折り畳まれた開始
2. 開いたときにモーダルを表示
ビューポートは、小型のデバイスサイズに調整されているダニーBuonocore

ため

編集、再びそれをバック開くために何のハンバーガーメニューはありません。私は見ていないどこかで葛藤があると思う。

Answer 1

サイドバーは、ウィンドウが十分に大きくなると自動的に展開されるように設計されています。これはresponsive web designとして知られています。ブラウザを小さくすると、読み込み時に展開されないことがわかります。