子菜单有效，但在移动设备上无效

【问题标题】：Submenu works but not on mobile子菜单有效，但在移动设备上无效
【发布时间】：2017-05-15 21:45:45
【问题描述】：

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

我制作了一个关于“geschiedenis”的子菜单。这在所有使用 Firefox 响应式设计模式的设备上都可以正常工作。现在我已经把网站“活”了。在我的 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');
    }

【问题讨论】：

请提供代码。我们不应该访问您的网站并找出您在何处以及如何编写这部分代码。
感谢您的快速回复。我已插入代码。

标签： javascript jquery joomla3.0 submenu

【解决方案1】：

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

当您不在geschiedenis 页面时，您的主菜单中没有ul 子菜单：

以及您在geschiedenis 页面中拥有的内容：

那么你知道if这个条件永远是false：

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

因为其中没有任何ul 孩子。

【讨论】：