jquery - jQuery响应式切换菜单仅工作一次

我不擅长响应式和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。

最佳答案

问题是您有两个元素与类mobile-responsive-menu：

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

从div中删除该类。

这是一个有效的小提琴：http://jsfiddle.net/Q6Dss/

请注意，要使其正常工作，我仅切换ul（.mobile-responsive-menu），而不切换单个按钮（.responsiveMenu），这太过分了。

关于jquery - jQuery响应式切换菜单仅工作一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24298225/