左边的jquery幻灯片菜单在加载时打开

Question

有关插件或小提琴示例的任何建议如何在页面左侧实现具有slide效果，动画和打开/关闭按钮的菜单，如wookmark dot com？

我已经尝试过看看： http://apptitudes.fr/distrib/git/sliding_menu_js/demo/ http://srobbin.com/jquery-plugins/pageslide/ http://jpanelmenu.com/examples/jrespond/index.html http://www.berriart.com/sidr/#usage（Sidr）

但他们都默认关闭了。并且似乎在页面上变慢。有什么建议？感谢。

Answer 1

对于您链接的任何示例，您可以在页面加载时以编程方式轻松打开滑动导航。例如。在jquery：

$(function() {
   $('.show-menu-button').click();
});

或使用他们内置的open功能。例如。 JPanelMenu有：

var jPM = $.jPanelMenu({
    menu: '#custom-menu-selector',
    trigger: '.custom-menu-trigger-selector'
});
jPM.on();
jPM.open(false); // don't animate on page load

此外，您应该知道，在向页面添加大型javascript组件时，通常情况会稍微减慢。这就是生活。