Question

目前我有这个脚本，允许按钮打开和关闭菜单，同时也改变它的类，根据打开/关闭做一点动画状态改变，...简单但有效....

$(document).ready(function () {
    var $navToggle = $('.nav-toggle');
    $(".navbtn").click(function () {
        if($navToggle.hasClass('active')){
            $('#menu').multilevelpushmenu('collapse');
            $navToggle.removeClass('active');
            $(this).addClass('active');
        }
        else{
            $('#menu').multilevelpushmenu('expand');
            $navToggle.addClass('active');
            $(this).removeClass('active');
        }
    });

菜单中的

是带有一些选项（标准）的列表，当点击一个选项时，它会根据列表中的标签执行以下脚本...这里是html和js ....

HTML

<li>
   <a href="#"><i class="fa fa-briefcase"></i>Who are Musability?</a>
 </li>

JS

 $('.fa-briefcase').parent().on('click', function () {
          $("#colorscreen").remove();
          $( '#menu' ).multilevelpushmenu( 'collapse' );
          $("body").append('<div id="colorscreen" class="animated"></div>');
          $("#colorscreen").addClass("fadeInUpBig");
          $('.fadeInUpBig').css('background-color', 'rgba(13,135,22,0.1)');
          $(".tile-area-main").css({width: "720px"}).load("content.html");
          $('.nav-toggle').removeClass('active');
          $(this).addClass('active');  
    });

所有功能都可以单独使用，但是当我介绍按钮的功能时，请点击fa-briefcase，它不允许我再次打开菜单，为什么会这样？

...在另一个音符上（因此可能是另一个时候的新问题）这个代码对于所有按钮都是重复的，并想知道是否有一种方法可以将重复的东西标准化为一个大函数？不确定我会如何处理它，但它不是这个问题的焦点，尽管任何建议都很重要。

Answer 1

您的content.html文件包含哪些内容？因为如果它包含其他JavaScript，它可能会搞乱它。

<强>即
而不是$(".tile-area-main").load("content.html"); 试试$(".tile-area-main").load("content.html#div");
其中#div是div，其中包含您想要的内容load()

编辑：刚刚注意到您的评论，好像您已经修好了，但很高兴我的方法有效：）

jquery没有重置菜单导航触发器

1 个答案: