gpt4 book ai didi

jquery - 如何禁用点击菜单项上的 JQuery 路径点?

转载 作者:行者123 更新时间:2023-12-01 04:44:52 25 4
gpt4 key购买 nike

我已阅读有关此主题的所有问题和答案。这应该是一个简单的任务,但我无法让它工作。

JQuery 版本的 Waypoints 在单页网站的顶部菜单项上运行良好。我想在单击这些菜单项时禁用它,然后恢复它。我还没有到达恢复部分。当我调用禁用函数时,我收到“TypeError:e.disable not a function”。注释行显示了我尝试包含disable()函数的所有方法:

var waypoints = $('section.waypoint').waypoint({
handler:function(){
var hash = '#'+this.element.id;
$('#menu-main-menu li.active').removeClass('active');
$('#menu-main-menu li a[href='+ hash +']').parent('li').addClass('active');
window.console.log($(window).scrollTop());
if($(window).scrollTop() < 500){
$('#menu-main-menu li.active').removeClass('active');
}

//$('#menu-main-menu li a').on('click', function(){
//this.disableAll();
//});
},
offset: '30%',
continuous: false
});

//waypoints.disable();

//点击菜单项链接和动画

$('.jumbotron a, #menu-main-menu li a').on('click', function(e) {
e.preventDefault();
//$(waypoints).disable();
//$(waypoints).disableAll();
//waypoints.disable();
//waypoints.disableAll();
$('#menu-main-menu li.active').removeClass('active');

if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name="' + this.hash.slice(1) +'"]');
if ($target.length) {
var targetOffset = $target.offset().top - 45;
$('html, body').animate({scrollTop: targetOffset}, 1000);
}
}
});

我意识到 waypoints 是一个数组,因此尝试了disableAll() 和迭代。没有骰子。在此先感谢您的帮助!

最佳答案

$('.jumbotron a, #menu-main-menu li a').on('click', function(e) {
e.preventDefault();
$('#menu-main-menu li.active').removeClass('active');

//Updated Code

$(waypoints).each(function(){
this.disable();
});

if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name="' + this.hash.slice(1) +'"]');
if ($target.length) {
var targetOffset = $target.offset().top - 45;
$('html, body').animate({scrollTop: targetOffset},{
complete: function(){

//Updated Code
$(waypoints).each(function(){
this.enable();
});
}
}, 1000);
}
}
});

关于jquery - 如何禁用点击菜单项上的 JQuery 路径点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31092998/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com