javascript - 菜单在 Ipad 上没有动画

Question

我正在研究这个 website :

导航在 mac chrome 和其他浏览器上运行良好。

例如，如果您单击“博客”，它将转到博客并在您将鼠标离开后隐藏菜单。

问题是在 Ipad 和 Iphone 上菜单保持始终打开，有什么想法吗？

这是我的动画代码:

    function Main_menu() {
        _menu = this;
        _menu.pw_protected_target = '';
        _menu.container = $('#header');
        _menu.logo = $('#logo');
        _menu.menu = $('#menu');
        _menu.form = $('#login');
        _menu.form_input = $('#form_input');
        _menu.form_submit = $('#submit')
        _menu.container.bind({
            'mouseenter' : _menu.open,
            'mouseleave' : _menu.close
        });
        _menu.form_submit.bind('click', function(){
            _menu.authenticate(_menu.form_input.val())
        })
        $('.tt').bind({
            'mouseenter' : function(){
                $('.tooltip')
                .addClass('fade in')
                .css({
                    'top' : $(this).offset().top - 5,
                    'left' : $(this).offset().left + $(this).width() + 10
                })
            },
            'mouseleave' : function(){
                $('.tooltip')
                .removeClass('fade in');
            }
        })

        $('.tt_shop').bind({
            'mouseenter' : function(){
                $('.tooltip_shop')
                .addClass('fade in')
                .css({
                    'top' : $(this).offset().top - 5,
                    'left' : $(this).offset().left + $(this).width() + 10
                })
            },
            'mouseleave' : function(){
                $('.tooltip_shop')
                .removeClass('fade in');
            }
        })
    }

Answer 1

您是否在 iPad 上正确连接了鼠标？ :)

触摸设备上没有“mouseenter”或“mouseleave”事件。不幸的是，jQuery 核心没有触摸事件。您可以使用我在此线程中找到的一些建议:

How to recognize touch events using jQuery in Safari for iPad? Is it possible?

我认为在您的情况下，最好更改菜单的行为以在触摸时切换显示/隐藏菜单。