sideNavの外側をクリックしたときのsideNavの終了を無効にする

Question

私のアプリケーションではMaterializeCSSのsideNavを使用しています。私はサイドナップを外にクリックして閉じるのではありません。

{ dismissible: false } 

これはサイドナップでどのように行うのですか？

Answer 1

MaterializeCSSは、このタスクを達成のための組み込みの方法はありませんが、回避策を使用することができ、sideNavオーバーレイからclickイベントのバインドを解除：

$(function(){ 
    $(".button-collapse").sideNav(); 

    $(".drag-target").unbind('click'); 
    $("#sidenav-overlay").unbind('click'); 
}); 

---

更新： として、後で、あなたは次を行うことによってsidenavのオプションを変更することができます

$(".button-collapse").sideNav({ 
     menuWidth: 300, // Default is 300 
     edge: 'left', // Choose the horizontal origin 
     closeOnClick: false, // clicking outside of the nav will not close it 
     draggable: true, // Choose whether you can drag to open on touch screens, 
     onOpen: function(el) { }, // A function to be called when sideNav is opened 
     onClose: function(el) { }, // A function to be called when sideNav is closed 
    }); 
}); 

ここをクリックして詳細を確認してください：http://materializecss.com/side-nav.html