Untermenü funktioniert, aber nicht auf mobilen

Question

Ich bin den Aufbau einer Website namens zorgenbijstand.nl

Ich habe ein Untermenü auf „geschiedenis“ gemacht. Dies funktioniert auf allen Geräten mit dem firefox responsive Design-Modus. Jetzt habe ich die Seite "live" gestellt. Auf meinem iPhone 6s wird das Untermenü nicht ausgewählt und beim Klicken geschlossen. Ich mache etwas falsch, aber was? Es ist eine Joomla 3.7.0 Seite.

(function($){ 
$(document).ready(function() { 
    // Dropdown menu 
    if ($('.parent').children('ul').length > 0) { 
     $('.parent').addClass('dropdown'); 
     $('.parent > a').addClass('dropdown-toggle'); 
     $('.parent > a').attr('data-toggle', 'dropdown'); 
     $('.parent > a').append(''); 
     $('.parent > ul').addClass('dropdown-menu'); 
    } 

Answer 1

Dieses Skript funktioniert gut. Funktioniert auch auf iPhone und Android. aber das Problem kommt von einem anderen Teil des Codes.

Wenn Sie nicht in der geschiedenis Seite sind Ihre Hauptmenü nicht über ul Untermenü drin:

und was Sie haben in geschiedenis Seite:

Dann wissen Sie, dass if Bedingung immer false ist:

if ($('.parent').children('ul').length > 0) 

weil es kein ul Kind darin gibt.