Question

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

{ dismissible: false }

如何在sideNav中执行此操作？

Answer 1

MaterialiseCSS没有用于实现此任务的内置方法，但您可以使用解决方法，取消绑定sideNav overlay中的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

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

1 个答案: