1

我正在这个网站上工作：

导航在 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');
            }
        })
    }
4

1 回答 1

1

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

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

如何在 iPad 版 Safari 中使用 jQuery 识别触摸事件？可能吗？

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

于 2013-04-08T13:57:23.880 回答