javascript - JQuery Accordion 菜单与 mmenu 冲突 - JQuery 1.4 与 1.7

标签 javascript jquery accordion conflict mmenu

我使用以下代码创建一个使用 JQuery 1.4 的简单 JQuery Accordion 菜单

问题是我还使用了 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 版本,只需像这样包装您的代码:

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

HERE更多信息。

关于javascript - JQuery Accordion 菜单与 mmenu 冲突 - JQuery 1.4 与 1.7,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29283449/

相关文章:

javascript - 如何创建多层 Accordion 菜单?

javascript - 在 API 错误时打破 Vuex 操作中的 promise

java - 如何删除 Accordion 标签上的数字?

javascript - Next.js - 带有动态路由的浅路由

jquery - Node Js - 使用 ajax 从 Bootstrap 表单更新用户密码

javascript - 获取 <a> 标签内的数据

javascript - 为 jQuery UI Droppable 的 Intersect tolerance 构建匹配选项

javascript - 努力将事件类/状态添加到常见问题 Accordion

javascript - HTML 按钮仅适用于网页重新/加载

javascript - 选择所有子复选框,选中它们并保存它们的值