Javascript 菜单未在Ipad上设置动画
我正在做这个: 该导航在mac chrome和其他浏览器上运行良好 例如,如果您单击Blog,它将转到Blog并在您离开鼠标后隐藏菜单 问题是在Ipad和Iphone上,菜单总是保持打开状态,你知道为什么吗 这是我的动画代码: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');
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核心没有触摸事件。您可以使用我在本帖中找到的一些建议: 我认为在您的情况下,最好更改菜单的行为,以切换触摸显示/隐藏菜单。:)然后如何在这些设备上控制它?什么是快捷方式?:)那么我如何在这些设备上控制它呢?什么是捷径?