滑动jQuery面板不工作在iPad上

Question

我一直在玩Wordpress和jQuery - 这两个都对我来说都是新手。我正在使用的博客在页面顶部有一个固定标题，其中包含两个按钮，每个按钮都使用jQuery将面板滑过博客内容。

问题是，在iPad上点击按钮时没有任何反应 - 除了出于某种原因，它加载了无限滚动。我听说IOS不喜欢position：fixed，但我不明白这会对按钮/滑动内容产生什么影响。任何信息/提示将大大收到。

* 编辑：看起来.click在iPad上无法工作（？），我需要以某种方式将其交换为触摸事件。

CSS

> .about, .contact { 
>  background: none repeat scroll 0 0 #000000; 
>  display: none; 
>  height: 500px; 
>  position: fixed; 
>  top: 90px; 
>  width: 100%; 
>  z-index: 100; } 

jQuery的

$('.about_btn').click(function(e) { 
    if($(this).hasClass('open')) { 
     $('.about').slideToggle('slow'); 
     $('.about_btn').removeClass('open'); 
     return false; 
    } else { 
     $('.about').slideToggle('slow'); 
     $('.contact').hide(); 
     $('.about_btn').addClass('open'); 
     $('.contact_btn').removeClass('open'); 
    } 
}); 

$('.contact_btn').click(function(e) { 
    if($(this).hasClass('open')) { 
     $('.contact').slideToggle('slow'); 
     $('.contact_btn').removeClass('open'); 
     return false; 
    } else { 
     $('.contact').slideToggle('slow'); 
     $('.about').hide(); 
     $('.contact_btn').addClass('open'); 
     $('.about_btn').removeClass('open'); 
    } 
}); 

$('.close').click(function(e) { 
    e.preventDefault(); 
     $('.about').slideUp('slow'); 
     $('.contact').slideUp('slow'); 
     $('.about_btn').removeClass('open'); 
     $('.contact_btn').removeClass('open'); 
}); 

Answer 1

我心中已经有与jQuerys “click” 事件问题上的iOS几次。

已经对我已经加入这个CSS可点击元素的工作解决方案......

pointer: cursor;