javascript - 滑动jQuery面板在iPad上不起作用

我一直在玩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');
});

最佳答案

我在iOS上的jQuerys“ click”事件遇到了几次问题。

对我有效的解决方案是将此CSS添加到clickable元素中...

pointer: cursor;