jQuery slideUp 无法在移动设备上运行

Question

我有一个运行 Flatsome 主题的 Wordpress 网站，其中有一些带有使用 Custom Sidebar plugin 创建的侧边栏的页面，这些页面没有显示在菜单悬停上。我尝试使用下面的 jQuery 代码修复该故障

<script>
jQuery(document).ready(function () {

    jQuery(".widget_nav_menu .menu-item-has-children").hover(
        function () {
            jQuery('ul.sub-menu', this).slideDown('medium');
        }, 

        function () {
                jQuery('ul.sub-menu', this).slideUp('medium');
        }
    );

});
</script>

在任何计算机浏览器上都可以正常工作，但在移动设备（iPhone 和 iPad）上却不行，我不知道是什么原因造成的。

Answer 1

您不能在移动设备上悬停。

jQuery(".widget_nav_menu .menu-item-has-children").hover( // change

在移动设备上以不同方式触发上述方法，例如使用 double tap。 hold

..或mousedown / mouse leave.

---

移动友好修改示例： （未经测试，但希望你明白，失败的不是.slideDown，而是.hover）

jQuery(document).ready(function () {

    jQuery(".widget_nav_menu .menu-item-has-children").mouseout(function(){
        function () {
            jQuery('ul.sub-menu', this).slideDown('medium');
        }, 

        function () {
                jQuery('ul.sub-menu', this).slideUp('medium');
        }
    );

});

您的第二部分问题可能是 -- 如何维护 desktop 上的.hover 触发器并触发移动设备，正如我在only 移动设备上的建议。