Не срабатывают пункты выпадающего меню на iPhone

Вот тут avtoritetsto.ru реализовано выпадающее меню, которое работает даже на айпаде, но на айфоне ссылки не срабатывают, но если подержать на выпавшей ссылке, то предлагает стандартным айфоновским меню либо просто открыть, либо в новой вкладке, либо в закладки..
В чем может быть дело ?
0
css html iphone jquery

1 ответов

Решил проблему 2 действиями, без js в версии для пк.

1. С помощью CSS сделал под все кроме айфона и айпада

2. Распознаю что айфон или айпад и выдаю вместо ul - список и скриптом редиректю на урлы, вот..
Выглядит нативно и работает без проблем.

0

На всех сенсорных устройствах не поддерживаются hover`ы. Попробуйте заменить на click. Вот так:


$(function(){
  $('#horizontal-multilevel-menu li').click(
        function () {
            $('ul', this).stop().slideToggle(100);
            return false;
        }
    );
});
 
1

Верхнее меню сделано довольно стандартно:


          <li>
    <a href="/about/" class="root-item root-parent">О станции</a>
    <ul>
                    <li><a href="/about/index.php">О станции</a></li>
                    <li><a href="/about/director.php">Приветствие генерального директора</a></li>
                    <li><a href="/about/mission.php">Миссия</a></li>
                    <li><a href="/about/partners.php">Партнеры</a></li>
                    <li><a href="/about/clients.php">Клиенты</a></li>
                    <li><a href="/about/certificates.php">Сертификаты</a></li>
                    <li><a href="/about/vacancies.php">Карьера и вакансии</a></li>
    </ul>
  </li>  
 

Jquery:

$(function(){
  $('#horizontal-multilevel-menu li').hover(
        function () {
            $('ul', this).stop().slideDown(100);
        },
        function () {
            $('ul', this).stop().slideUp(300);            
        }
    );
});
 

Проблема в том, что на айфоне не кликается на выпашее меню пункты.
Как это исправить?

0