与 mmenu 冲突的 JQuery 手风琴菜单 - JQuery 1.4 与 1.7

Posted

技术标签:

【中文标题】与 mmenu 冲突的 JQuery 手风琴菜单 - JQuery 1.4 与 1.7【英文标题】:JQuery Accordion Menu in Conflict with mmenu - JQuery 1.4 vs 1.7 【发布时间】:2015-05-30 18:19:58 【问题描述】:

我将以下代码用于使用 JQuery 1.4 的简单 JQuery 手风琴菜单

问题是我也在使用 mmenu,它需要 JQuery 1.7 或更高版本才能运行,因此两者现在发生冲突。

因此,我可以更新以下代码以使其对 JQuery 1.7 友好吗?还有其他建议吗?

感谢大家的帮助 - 非常感谢...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.cookie.js"></script>

<script>
$(document).ready(function () 
  var checkCookie = $.cookie("nav123-item");
  if (checkCookie != "") 
    $('#nav123 > li > a:eq('+checkCookie+')').addClass('active').next().show();
  
  $('#nav123 > li > a').click(function()
      var nav123Index = $('#nav123 > li > a').index(this);
      $.cookie("nav123-item", nav123Index);
      $('#nav123 li ul').slideUp();
       if ($(this).next().is(":visible"))
           $(this).next().slideUp();
        else 
       $(this).next().slideToggle();
       
       $('#nav123 li a').removeClass('active');
       $(this).addClass('active');
  );
);
</script>

【问题讨论】:

您是否尝试过使用 jQuery 1.7 运行该代码?另外,我建议您获取运行最新版本 jQuery 的新脚本。 【参考方案1】:

您可以在无冲突模式下运行多个 jQuery 版本,只需像这样包装您的代码:

(function($)  
    /*your code here*/ 
(jquery_x_x_x)); // jquery_1_4_1 for example

HERE 是更多信息。

【讨论】:

非常感谢 Danijel - 这个解决方法就像一种享受 :) 没问题,如果有帮助别忘了关闭问题。

以上是关于与 mmenu 冲突的 JQuery 手风琴菜单 - JQuery 1.4 与 1.7的主要内容,如果未能解决你的问题,请参考以下文章

jQuery mmenu 从菜单结构外部打开子菜单

当同一页面上有两个菜单实例时,Jquery mmenu 不起作用

如何在 jQuery mmenu 中更改菜单的标题

Jquery mmenu 多个实例

jQuery 和原型冲突

Jquery mmenu:如何在所有子菜单打开的情况下启动?