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();
}
});
}
Jquery自定义$的名称(自定义变量)
点赞
收藏