sidr制作移动端隐藏式菜单教程

3. 通过插件的sidr()方法调用插件

$(&＃39;#navigation-toggle&＃39;).sidr({name: &＃39;sidr-main&＃39;,source: &＃39;#sidr-close, #site-nav&＃39;,side: &＃39;left&＃39;,displace: false});$(".sidr-class-toggle-sidr-close").click( function() {$.sidr(&＃39;close&＃39;, &＃39;sidr-main&＃39;);return false;});


navigation-toggle 元素是&＃xff1a;

sidr-class-toggle-sidr-close 元素是&＃xff1a;

更多

涉及到的参数

displace (Boolean) Default: true [ Version 1.2.0 an above ]Displace the body content or not.这个需要是假&＃xff0c;不然菜单就会占用空间&＃xff0c;会把其他元素挤出去&＃xff0c;
而不是浮在页面上


source (String|Function) Default: nullA jQuery selector, an url or a callback function.就是要显示的菜单元素


格式

jQuery.sidr( [method] [, name] [, complete] )

method (String) Default: &＃39;toggle&＃39;Choose between &＃39;toggle&＃39;, &＃39;open&＃39;, &＃39;close&＃39; or &＃39;status&＃39;. [ Status is only available in version 2.1.0 an above ]name (String) Default: &＃39;sidr&＃39;Name of the target sidr.complete (Function) Default: noneA function to call once the animation is complete.return null || Object [ Version 2.2.0 an above ]It returns null when methods &＃39;toggle&＃39;, &＃39;open&＃39; or &＃39;close&＃39; are called, or an object when status is called:{moving: (boolean), // A boolean indicating if the menu is currently being movedopened: (string || false) // Name of the opened menu or false if all are closed
}