Les liens du menu de second niveau ne fonctionnent pas sur l'iPhone

Question

Je travaille sur un thème wordpress basé sur _s (avec quelques modifications) et bootstrap 3.3.2.

Dans les appareils mobiles, les sous-menus de la navigation principale sont déjà développés, mais il y a un problème sur les iPhones: Le lien du second niveau ne fonctionne pas, si vous cliquez dessus rien ne se passe.

Ceci est l'URL du site: www.machenergyaustralia.com.au/

Testé avec l'iPhone 6s, ios10 et safari.

Answer 1

Il est probablement dû à l'étiquette <a> inproper.

1) Vérifiez si le contenu a <A href=""> comme:

<a href="#"></a> 

car safari mobile ne prend pas <A> sans href comme point d'ancrage, lors de la capture des événements de clic sur cet élément.

Parfois (j'ai rencontré ce problème), dans le modèle, il manque un contenu href ou href.

2) Si un autre élément est destiné à être cliqué (comme span par exemple, vous pouvez probablement besoin de créer un tel élément et retapez <span>-<a href="...">). Dans l'environnement javascript/css de bootstrap, cela peut être un must.
Safari Mobile n'aime pas attraper cliquez sur les événements des éléments autres que <a>