Jquery点击并悬停＆amp;显示/隐藏功能奇怪
我需要在我的页面添加一个迷你工具提示，并且由于奇怪的原因，不能使用jquery提供的工具提示，所以我只是自己制作 - 除了它不起作用！这是简单的代码：
$('#nav-about a').click(function(){
showTooltip('#tooltip-about')
}).hover(function(){
showTooltip('#tooltip-about')
});
function showTooltip(e){
if( $(e).css('display') =="none" ) {
$(e).show();
} else {
$(e).hide();
}
return false;
}
var isiPad = navigator.userAgent.match(/iPad/i) != null;
if (isiPad){
$('#nav-about a').click(function(){
showTooltip('#tooltip-about')
})
}else{
$('#nav-about a').hover(function(){
showTooltip('#tooltip-about')
});
}
没有找到相关结果
已邀请:
5 个回复
炉挤仙挟
功能的主体减少到......function showTooltip(e){ $(e).toggle(); }包装。但是，再次包装它并没有什么坏处，它为您提供了传递选择器或本机DOM元素的灵活性。 文档。 此外，为了明确检查元素是否隐藏，您可以使用...element.is(':hidden')或的元素可见。焙恍挝厂熄
('#tooltip-about').toggle();诧不达
function showTooltip(e){ $(e).is(':hidden') ? $(e).show() : $(e).hide(); return false; } $('#nav-about a').hover( function(){ showTooltip('#tooltip-about'); }, function(){ showTooltip('#tooltip-about'); } );冕偷淮款
function showTooltip(e){ if( $(e).css('display') =="none" ) { $(e).css('display', ''); } else { $(e).css('display', 'none'); } return false; }乐遣杀屎
function isiPhone(){ return ( (navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPod") != -1) || (navigator.platform.indexOf("iPad") != -1) ); } if (isiPhone()) { $('#nav-about a').click(showTooltip) else $('#nav-about a').hover(showTooltip) function showTooltip(e) { e.preventDefault(); $('#tooltip-about').toggle(); }