子菜单有效，但不适用于移动设备

Question

我正在建立一个名为zorgenbijstand.nl

的网站

我在＆＃34; geschiedenis＆＃34;上制作了一个子菜单。这在使用firefox响应式设计模式的所有设备上都可以正常工作。现在我把网站放在了＃34; live＆＃34;。在我的iphone 6s上，子菜单不会选择并在点击时关闭。我做错了什么，但是什么？ 它是一个joomla 3.7.0网站。

(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

该脚本运行正常。适用于iPhone和Android。但问题来自代码的另一部分。

如果您不在geschiedenis页面，则主菜单中没有ul子菜单：

以及geschiedenis页面中的内容：

然后您知道此if条件始终为false：

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

因为其中没有ul个孩子。