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?

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

菜单没有在Ipad上动画

1 个答案: