Question

当我使用mmenu jquery插件时，它会将所有js事件和脚本调用加倍，但head部分中的脚本除外。这可能是什么解决方案？任何帮助将不胜感激。

抱歉，我无法向您显示完整的代码，它位于工作网站上。 Mmenu在身体部分开始：

<script type="text/javascript">
   $(document).ready(function() { 
      $("#my-menu").mmenu(); 
      $("#my-menu").find( ".mm-subopen" ).addClass( "mm-fullsubopen" ); 
    });
</script>

Answer 1

我在我的制作应用程序中尝试了mmenu，起初它给我带来了一些麻烦，但了解它的工作原理帮助我正确使用它。

将整个布局包裹在div中，不带样式（因此网站的样式保持不变）。
将您的菜单标记放在布局之后（紧跟body标记）。
在标记末尾添加插件以及初始化代码。
不要操纵菜单的内部内容来执行操作。请改用 API 。

按照这些提示后，您应该有这样的结构：

<html>
  <head> ... </head>
  <body>
    <nav id="mymenu"> ... </nav>
    <div> <!-- whole website in here -->  </div>
    <script src="js/mmenu.min.js"></script>
    <script>
      $(document).ready(function() { 
        var mmenu = $("#mymenu").mmenu(); 
        // do not use code bellow, use the API instead. 
        // $("#my-menu").find( ".mm-subopen" ).addClass( "mm-fullsubopen"       );
        var api = mmenu.API(); // exposes methods to open() and close() the menu 
    });
    </script>
  </body>
</html>

希望这些设置适合您。它在我的Meteor应用程序中完美地适用于我。

MMENU jquery插件将所有JS脚本加倍

1 个答案: