Javascript show menu on hover только для iPad

Question

Меню на this site не отображается при использовании iPad. Он разработан так, чтобы меню зависало, и ниже должен отображаться список ul li, но это не так. Когда вы нажимаете меню, ничего не появляется.

Мне нужно написать некоторые JS, используя onclick события, чтобы сделать подменю. Но это должно быть конкретно для iPad ТОЛЬКО.

Можно ли написать JS для определенных устройств?

Мне просто нужно, чтобы это меню работало, кажется, что iPad не будет отображать элементы наведения, даже когда вы нажимаете ..., что делает все использование :hover несуществующим на iPad.

Answer 1

Для обнаружения мобильных сенсорных устройств вам необходимо использовать sniffing для браузера. Не делайте этого самостоятельно, используйте один из отличных сценариев от http://detectmobilebrowsers.com/

Вам нужно сделать это для iphones, андроидов, телефонов и т. Д. С сенсорным экраном.