iPadでSliding jQueryパネルが動作しません

Question

私はWordpressとjQueryで遊んでいます。私が取り組んでいるブログでは、ページの上部に2つのボタンがある固定ヘッダーがあり、それぞれがjQueryを使用してブログのコンテンツ上のパネルをスライドします。

問題は、ボタンをクリックすると何も起こりません。何らかの理由で、無限のスクロールが読み込まれます。私はIOSがポジションが好きではないと聞いたことがあります：固定ですが、これがボタン/スライドコンテンツに与える影響を理解していません。どんな情報/ヒントも大いに受け取ります。

* 編集：iPad上で.clickが動作しない（？）と思われますが、私は何とかタッチイベントのためにそれを交換する必要があります。

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

I'vは、iOS上で数回イベント "クリック" jQuerysに問題がありました。私のために働いてい

ソリューションは、クリック可能な要素に、このCSSを追加してきました...

pointer: cursor;