我希望这是一个已解决的问题。这让我疯了!
我使用Waypoints触发帖子和固定导航。当40%的帖子进入视口时,会在帖子中添加一个类来更改比例,并将类添加到导航中的关联类别以更改不透明度。
如果你去网站,它很棒。但是如果你点击" Wordpress"在导航中,页面将通过AJAX加载。
问题是......当帖子到达应该触发Waypoint的点时,导航被触发但是帖子没有。如果你继续滚动,帖子会触发OPOPOSITE的时间和地点。
我添加了debug.js并收到此错误: 未捕获的TypeError:无法读取属性' Context'未定义的(...) checkWaypointStyles @ debug.js?ver = 20151215:16(匿名函数)@ debug.js?ver = 20151215:38(匿名函数)@ debug.js?
http://portfolio.cairndigitalmedia.com/
// Waypoint effects on posts
$('#main > .post:nth-child(even)').waypoint(function() {
$('#main > .post:nth-child(even)').addClass('post-visible');
}, {
offset: '60%'
});
$('#main > .post:nth-child(even)').waypoint(function() {
$('#main > .post:nth-child(even)').addClass('post-visible');
}, {
offset: '0%'
});
$('#main > .post:nth-child(even)').waypoint(function() {
$('#main > .post:nth-child(even)').removeClass('post-visible');
}, {
offset: '100%'
});
$('#main > .post:nth-child(even)').waypoint(function() {
$('#main > .post:nth-child(even)').removeClass('post-visible');
}, {
offset: '-40%'
});
$('#main > .post:nth-child(odd)').waypoint(function() {
$('#main > .post:nth-child(odd)').addClass('post-visible');
}, {
offset: '60%'
});
$('#main > .post:nth-child(odd)').waypoint(function() {
$('#main > .post:nth-child(odd)').addClass('post-visible');
}, {
offset: '0%'
});
$('#main > .post:nth-child(odd)').waypoint(function() {
$('#main > .post:nth-child(odd)').removeClass('post-visible');
}, {
offset: '100%'
});
$('#main > .post:nth-child(odd)').waypoint(function() {
$('#main > .post:nth-child(odd)').removeClass('post-visible');
}, {
offset: '-40%'
});
// Waypoint effects on nav
$('.post.category-wordpress').waypoint(function() {
$('li.wordpress a').addClass('category-visible');
}, {
offset: '60%'
});
$('.post.category-wordpress').waypoint(function() {
$('li.wordpress a').addClass('category-visible');
}, {
offset: '0%'
});
$('.post.category-wordpress').waypoint(function() {
$('li.wordpress a').removeClass('category-visible');
}, {
offset: '70%'
});
$('.post.category-wordpress').waypoint(function() {
$('li.wordpress a').removeClass('category-visible');
}, {
offset: '-40%'
});