JQuery выпускать на рабочем столе, нажмите на мобильный телефон и планшет - PullRequest
Новая
       23

JQuery выпускать на рабочем столе, нажмите на мобильный телефон и планшет

0 голосов
/ 21 ноября 2018

Я использую следующий JQuery в моем проекте, чтобы заставить ссылки меню верхнего уровня щелкнуть один раз, чтобы открыть подменю, затем снова щелкнуть ту же ссылку верхнего уровня, чтобы перейти к ее URL.Код отлично работает на мобильных устройствах и планшетах, но теперь он влияет на отображение меню рабочего стола на ссылках верхнего уровня.Мне бы хотелось, чтобы этот код работал только для мобильных и планшетных устройств с разрешением 768 пикселей.Любая помощь приветствуется.Благодарю.

$(document).ready(function () {
$(‘#nav li').children('ul').hide();
$(‘#navl li a').click(function (event) { 
    var ts=$(this);
 var len=$(ts).parent('li').has('ul').length;
   if(len>0)
   {
       if($(ts).hasClass('clicked'))
       {

       }
       else
       {
           $(ts).parent('li').find('ul').first().slideDown();
           $(ts).addClass('clicked');
           return false;
       }
   }
})

});

1 Ответ

0 голосов
/ 21 ноября 2018

Я думаю, что вы можете использовать jQuery для проверки разрешения веб-страницы при отображении: 

$(window).resize(function () {
    if ($(window).width() < 768) {
        //Do something or in this case, put the code that needs to run under this situation
    }
});

Это будет проверять разрешение веб-страницы / браузера при каждом его изменении.

Также язаметил, что в вашем коде у вас есть это: $(‘#nav li'). и если мое зрение хорошее, есть только один ', вам придется изменить его следующим образом: $('#nav li'). И в строке ниже, у вас есть то же самоевещь.

Надеюсь, это поможет вам или приведет вас к другому решению!

...