当单击sideNav外部时禁用sideNav的关闭

Question

我在我的应用程序中使用sideNav of MaterializeCSS。我不想在点击外部时关闭sideNav。它可以在像这样的情态词中实现：

{ dismissible: false }

如何在sideNav中做到这一点？

Answer 1

MaterializeCSS没有实现此任务的内置方法，但您可以使用一种解决方法，将click事件从sideNav覆盖解除绑定：

$(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