Jquery从v2.2.4升级到3.3.1
我使用jqueryv.2.2.4作为我的移动菜单。这是一份大菜单。当用户单击级别1时,级别2应向下滑动。换句话说:级别1只是一个导航级别,有标题,没有内容。二级也一样。所有要查看/使用的页面都位于级别3及更高级别 使用jqueryv2.2.4。一切都很好。现在我必须升级到3.3.1版。此处显示的是级别1上的空白页,而不是打开级别2。 谢谢你的帮助Jquery从v2.2.4升级到3.3.1,jquery,Jquery,我使用jqueryv.2.2.4作为我的移动菜单。这是一份大菜单。当用户单击级别1时,级别2应向下滑动。换句话说:级别1只是一个导航级别,有标题,没有内容。二级也一样。所有要查看/使用的页面都位于级别3及更高级别 使用jqueryv2.2.4。一切都很好。现在我必须升级到3.3.1版。此处显示的是级别1上的空白页,而不是打开级别2。 谢谢你的帮助 (function ($) { // Level 1 $(document).ready(function () {
(function ($) {
// Level 1
$(document).ready(function () {
$('#mobile_menu').find('ul').each(function () {
var currentURI = window.location.href;
var links = $('a', this);
var collapse = true;
for (var i = 0; i < links.size(); i++) {
var elem = links.eq(i);
var href = elem.attr('href');
var hrefLength = href.length;
var compareTo = currentURI.substr(-1 * hrefLength);
if (href === compareTo) {
collapse = false;
$(elem).parent('li').parent('ul').css({'display': 'block'});
$(elem).css({'background-color': '#B3ADAD'});
break;
}
}
if (collapse) $(this).hide();
});
// Level 2
$('#mobile_menu').find('ul li ul').each(function () {
var currentURI = window.location.href;
var links = $('a', this);
var collapse = true;
for (var i = 0; i < links.size(); i++) {
var elem = links.eq(i);
var href = elem.attr('href');
var hrefLength = href.length;
var compareTo = currentURI.substr(-1 * hrefLength);
if (href === compareTo) {
collapse = false;
$(elem).parent('li').parent('ul').parent('li').parent('ul').css({'display': 'block'});
$(elem).css({'background-color': '#B3ADAD'});
break;
}
}
if (collapse) $(this).hide();
});
// Level 3
$('#mobile_menu').find('ul li ul li ul').each(function () {
var currentURI = window.location.href;
var links = $('a', this);
var collapse = true;
for (var i = 0; i < links.size(); i++) {
var elem = links.eq(i);
var href = elem.attr('href');
var hrefLength = href.length;
var compareTo = currentURI.substr(-1 * hrefLength);
if (href === compareTo) {
collapse = false;
$(elem).parent('li').parent('ul').parent('li').parent('ul').parent('li').parent('ul').css({'display': 'block'});
$(elem).css({'background-color': '#B3ADAD'});
break;
}
}
if (collapse) $(this).hide();
});
// Level 4
$('#mobile_menu').find('ul li ul li ul li ul').each(function () {
var currentURI = window.location.href;
var links = $('a', this);
var collapse = true;
for (var i = 0; i < links.size(); i++) {
var elem = links.eq(i);
var href = elem.attr('href');
var hrefLength = href.length;
var compareTo = currentURI.substr(-1 * hrefLength);
if (href === compareTo) {
collapse = false;
$(elem).parent('li').parent('ul').parent('li').parent('ul').parent('li').parent('ul').parent('li').parent('ul').css({'display': 'block'});
$(elem).css({'background-color': '#B3ADAD'});
break;
}
}
if (collapse) $(this).hide();
});
// Opening und Closing of the child menus
$('#mobile_menu').find('li.active').addClass('open').children('ul').show();
$('#mobile_menu').find('li.has-sub>a').on('click', function () {
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp(200);
} else {
element.addClass('open');
element.children('ul').slideDown(200);
element.siblings('li').children('ul').slideUp(200);
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp(200);
}
});
});
})(jQuery);
(函数($){
//一级
$(文档).ready(函数(){
$('mobile_menu')。查找('ul')。每个(函数(){
var currentURI=window.location.href;
var links=$('a',this);
var崩溃=真;
对于(var i=0;ia')。打开('click',函数(){
$(this.removeAttr('href');
var元素=$(this.parent('li');
if(element.hasClass('open')){
元素。removeClass(“打开”);
元素。find('li')。removeClass('open');
元素。查找('ul')。slideUp(200);
}否则{
元素addClass('open');
元素。子元素('ul')。向下滑动(200);
元素。兄弟姐妹('li')。子元素('ul')。slideUp(200);
元素。同级('li')。removeClass('open');
元素。同级('li')。查找('li')。removeClass('open');
元素。同级('li')。查找('ul')。slideUp(200);
}
});
});
})(jQuery);
您应该考虑添加,然后检查控制台中可能指向问题的警告/消息。
即使没有显示警告,它也应该允许更新的版本作为前一个版本运行。
您应该考虑添加并检查控制台中可能指向问题的警告消息。谢谢您的建议。有了jQuery迁移插件,菜单又开始工作了。但我在控制台中没有收到任何警告消息。如果你再提出你的建议作为回答,我会接受的。