iphone-在iPhone中,实现tap淡出效果

作者:用户 来源:互联网 浏览:220 次 时间:2016-06-06 18:11:21

iphone

iphone-在iPhone中,实现tap淡出效果 - 摘要: 在iPhone中,实现tap淡出效果jQuery代码:setTips:function(){$("".tooltip"").parent().hover(function(){TT.current=$

问题描述

在iPhone中,实现tap淡出效果

jQuery代码:

setTips: function() {            $("".tooltip"").parent().hover(function(){            TT.current = $(this);            TT.timer = setTimeout(function(){            TT.current.find("".tooltip"").fadeIn('fast');                } TT.delay);            } function(){                clearTimeout(TT.timer);                $(this).find("".tooltip"").fadeOut('fast');

在浏览器可以正常运行,但是移植到iPhone上之后,显示工具提示后它不能隐藏了。
有没有什么方法能让tap隐藏实现淡出效果?

解决方案

可以给tap上的工具提示添加一个click事件来隐藏:

$('body').on('click' function(e) {    if ( $(e.target).hasClass('.element-that-called-tooltip') ) return; // return if the tapped element was one that called the tooltip    $('.tooltip').fadeOut('fast');});

补充:

问题可能是iPhone悬停引起的,所以我建议无触屏绑定悬停,触屏绑定点击,

用jsFiddlehttp://jsfiddle.net/RAJ5Q/1/

if ( $('html').hasClass('no-touch') ) {    // 绑定到悬停事件}else {    // 点击事件}
【云栖快讯】诚邀你用自己的技术能力来用心回答每一个问题,通过回答传承技术知识、经验、心得,问答专家期待你加入!  详情请点击
云栖社区(yq.aliyun.com)为您免费提供iphone-在iPhone中,实现tap淡出效果相关信息,包括 iphone 的信息 ,所有iphone-在iPhone中,实现tap淡出效果相关内容均不代表云栖社区的意见! 该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_101864,您可以点击iphone-在iPhone中,实现tap淡出效果-手机站访问。
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

现在注册,免费体验40+云产品,及域名优惠!

云服务器9.9元/月,大学必备

热点导航