Jquery自定义$的名称(自定义变量)

var L$=$.noConflict();//把$自定义成别的名称如:L$

举着栗子:
/*********************左侧菜单*******************/
var L$=$.noConflict();
L$.sidebarMenu = function(menu) {
  var animationSpeed = 300;
  L$(menu).on('click', 'li a', function(e) {
    var L$this = L$(this);
    var checkElement = L$this.next();

    if (checkElement.is('.treeview-menu') && checkElement.is(':visible')) {
      checkElement.slideUp(animationSpeed, function() {
        checkElement.removeClass('menu-open');
      });
      checkElement.parent("li").removeClass("active");
    }

    //如果菜单不可见
    else if ((checkElement.is('.treeview-menu')) && (!checkElement.is(':visible'))) {
      //得到父菜单
      var parent = L$this.parents('ul').first();
      //关闭父菜单中的所有打开菜单
      //var ul = parent.find('ul:visible').slideUp(animationSpeed);
      //从父类中删除菜单打开类
      //ul.removeClass('menu-open');
      //得到父 li
      var parent_li = L$this.parent("li");
      //打开目标菜单并添加菜单打开类
      checkElement.slideDown(animationSpeed, function() {
        //将活动类添加到父类 li
        checkElement.addClass('menu-open');
        //parent.find('li.active').removeClass('active');
        parent_li.addClass('active');
      });
    }
    //如果这不是一个链接,防止页面被重定向。
    if (checkElement.is('.treeview-menu')) {
      e.preventDefault();
    }
  });
}
posted @ 2018-10-31 09:57  我是王大壮  阅读(3017)  评论(0编辑  收藏  举报