默认情况下插件隐藏元素，无法弄清楚如何不

Question

当屏幕处于一定宽度时，我正在使用sidr jQuery插件创建一个offcanvas菜单。但是默认情况下，插件会隐藏侧边栏，我只想在某个屏幕尺寸中隐藏它，例如：

@media screen and (max-width: 1000px) {
    .sidebar {
        display: none !important;
        top: 50px;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 95%;
    }
}

但是由于插件默认隐藏了侧边栏，因此无法正常工作。有什么理由吗？

以下是该网站的现场部分：

https://dl.dropboxusercontent.com/u/54191672/theme/index.html

Answer 1

试试这个：

$('#menu').sidr({
    name: 'sidr-main'
});
$.sidr('open', 'sidr-main');