Question

我不熟悉响应和jQuery，这是我的第一个项目响应，所有工作正常，但顶级菜单切换只有一次不知道如何解决。

我的jQuery：

$("#pull").bind('click touchstart', function () {
        //$(".responsiveMenu, .mobile-responsive-menu").slideToggle();
        $(".responsiveMenu, .mobile-responsive-menu").toggle();
    });
    $(window).resize(function () {
        $(".responsiveMenu, .mobile-responsive-menu").hide();
    });

我已经创建了一个小提琴，可以快速参考，请查看我的fiddle。

Answer 1

问题是你有两个元素mobile-responsive-menu：

<div class="mobile-responsive-menu">
    <ul class="mobile-responsive-menu">

从div中删除该类。

这是一个工作小提琴：http://jsfiddle.net/Q6Dss/

请注意，为了让它正常工作，我只是切换ul（.mobile-responsive-menu），而不是单个按钮（.responsiveMenu），这是过度的。

jQuery响应切换菜单只能工作一次

1 个答案: