jquery - 插件默认隐藏元素，无法弄清楚如何不

Question

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

@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');