0

我正在使用 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;
            }
        })

http://jsfiddle.net/uBwna/2/

干杯!

4

0 回答 0