2016-01-16 3 views
0

Я хочу, чтобы отключить ссылку, которая содержит выпадающее меню, когда пользователь доступа на веб-сайте с помощью планшетных устройств, поэтому, когда пользователь вводит ссылку с планшета:Отключить ссылку на первого щелчка и действовать в качестве: парить

- > Появится выпадающий список, но ссылка отключена, а затем второй раз нажмите ссылку.

Я думаю, что это, вероятно, решено, но я не нашел ничего подходящего пока я работаю с этим кодом из here

jQuery(document).ready(function ($) { 

    $("li.taphover > a").on('touchstart', function (e) { 
     'use strict'; //satisfy the code inspectors 
     var link = $(this); //preselect the link 
     if (link.hasClass('hover')) { 
      return true; 
     } else { 
      link.addClass('hover'); 
      $('li.taphover > a').not(this).removeClass('hover'); 
      e.preventDefault(); 
      return false; //extra, and to make sure the function has consistent return points 
     } 
    }); 

}); 

Но он отключает ссылку, и ничего не работает.

+0

'$ ('li.taphover> a'). Not $ (this) .removeClass ('hover');' –

+0

изменить (это) на $ (это) –

+0

Это не работает, теперь первый ответ ссылки на сайт. –

ответ

0

Я нашел простой JQuery плагин here, который работает. В ссылке также есть учебник о том, как создать отзывчивое меню, которое отключает верхние выпадающие ссылки (li: has (ul)) при первом щелчке.