Добавить на мою страницу, когда я показываю ее на смартфоне

Question

Когда я использую вашу страницу с вашего компьютера, когда наводил указатель мыши на меню, я получил меню для выбора языка.

То же самое, что я хочу сделать, используя руку на смартфоне.

Я пытаюсь использовать этот Hammer.js, но он не работает. Ниже моего кода.

$(document).ready(function(){ 
    var languageToChange = $('.lang-list a'); 
    var change = Hammer(languageToChange).on('tap', function(event){ 
     alert(event); 
    }); 
}); 

Answer 1

Вы должны определить ширину экрана и если оно меньше 780px, чем использовать кран, в противном случае используйте событие зависания. Bootstrap может помочь вам в создании сайта. Если вы не хотите использовать его попробовать что-то вроде этого:

function desktopEvent(text){ 
    alert("Desktop:" + text); 
} 
function mobileEvent(event){ 
    alert("Mobile" + text); 
} 

$(document).ready(function(){ 

    var languageToChange = $('.lang-list a'); 
    var change; 
    if ($(document).width() < 780){ 
     change = Hammer(languageToChange).on('tap', mobileEvent(event)); 
    } else { 
     change = Hammer(languageToChange).on('mouseover', desktopEvent(event)); 
    } 
});