materialize - 在 sideNav 外部单击时禁止关闭 sideNav

Question

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

{ dismissible: false }

如何在 sideNav 中执行此操作？

Answer 1

MaterializeCSS 没有实现此任务的内置方法，但您可以使用变通方法，从 sideNav 叠加层中取消绑定(bind) 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