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');
        }
    );

});

您的第二部分问题可能是 - 如何在桌面上保持.hover触发器并触发移动设备，因为我建议仅移动

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

1 个答案: