我正在使用 Zepto 为移动应用程序创建侧边菜单(在任何地方都使用相同的类型,移动内容并显示侧边栏内容)。
我已经使用点击事件让它工作,但是当我将它移植到 Zeptos 点击事件时它会导致问题,菜单会滑出但立即再次跳回而不保持其位置。
这是代码和小提琴
var sidemenu_width = $('#side-menu').width(),
hidden = true,
header = $('header');
//header.css('margin-top', -list_height);
//$('nav').css('height', nav_height);
$('#side-menu').css('margin-right', -sidemenu_width);
$('#menu_toggle').on('tap',function(){
if(hidden == true){
$('#side-menu').animate({
marginRight: '0'
}, 400, 'EaseOutQuart')
hidden = false;
} else {
$('#side-menu').animate({
marginRight: -sidemenu_width
}, 400, 'EaseOutQuart')
hidden = true;
}
})
干杯!