Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 菜单未在Ipad上设置动画_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 菜单未在Ipad上设置动画

Javascript 菜单未在Ipad上设置动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在做这个: 该导航在mac chrome和其他浏览器上运行良好 例如,如果您单击Blog,它将转到Blog并在您离开鼠标后隐藏菜单 问题是在Ipad和Iphone上,菜单总是保持打开状态,你知道为什么吗 这是我的动画代码: function Main_menu() { _menu = this; _menu.pw_protected_target = ''; _menu.container = $('#header');

我正在做这个:

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

例如,如果您单击Blog,它将转到Blog并在您离开鼠标后隐藏菜单

问题是在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');
            }
        })
    }

您是否已将鼠标正确连接到iPad上?:)

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


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

您是否已将鼠标正确连接到iPad上?:)

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

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

:)然后如何在这些设备上控制它?什么是快捷方式?:)那么我如何在这些设备上控制它呢?什么是捷径?