Скользящая панель jQuery не работает на iPad

Question

Я играл с Wordpress и jQuery - оба для меня новы.Блог, над которым я работаю, имеет фиксированный заголовок в верхней части страницы с двумя кнопками, каждая из которых скользит вниз по панели содержимого блога с помощью jQuery.

Проблема в том, что на iPad ничего не происходит, когдакнопки нажимаются - кроме того, по какой-то причине он загружает бесконечную прокрутку.Я слышал, что IOS не любит положение: исправлено, но я не понимаю, какое влияние это может оказать на кнопки / скользящий контент.Любая информация / советы будут приняты с большим удовольствием.

* Редактировать: Казалось бы .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;