gpt4 book ai didi

javascript - 刷新页面时 hasClass 不起作用

转载 作者:行者123 更新时间:2023-11-29 19:13:09 24 4
gpt4 key购买 nike

我想说的是 body 是否有 x 类来添加 x 类。

Javascript

$('body').toggleClass('projectLoaded');
$('[data-type="projectLoader"]').click(function() {
var proj = $(this)[0].getAttribute('data-project');
$('#arrow-nav').addClass('slideIn');

updateHash(proj);
return false;
});
$('[data-type="projectDie"]').click(function() {

$('body').removeClass('projectLoaded');
$('#arrow-nav').removeClass('slideIn');
return false;
});

if ($('body').hasClass('projectLoaded')) {
$('#arrow-nav').addClass('slideIn');
} else {
$('#arrow-nav').removeClass('slideIn');
}

projectLoaded 被触发时,addClass 确实为 slideIn 工作,但是当我刷新时,即使 projectLoaded 处于事件状态,addClass 消失。我认为 hasClass 可以工作,但事实并非如此。一切正常,但是,它只是在刷新时消失了。

工作页面 here ,单击一个项目,您将 #arrow-nav.slideIn 工作,但刷新并且 .slideIn 未添加。

更新这对我有用:

$( 'document' ).ready(function() {
if ($('body').hasClass('projectLoaded')) {
$('#arrow-nav').addClass('slideIn');
} else {
$('#arrow-nav').removeClass('slideIn');
}
});

$( 'body.projectLoaded' ).ready(function() {
$('#arrow-nav').addClass('slideIn');
});

如果这不合适或有更有效的方法,请在下面提交。

最佳答案

检查准备如下可能有帮助

$( document ).ready(function() {
console.log( "ready!" );
$('body').toggleClass('projectLoaded');
});

我的直觉告诉我这会起作用,但没有测试它。

$( 'body' ).ready(function() {
console.log( "ready!" );
$('body').toggleClass('projectLoaded');
});

关于javascript - 刷新页面时 hasClass 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37290395/

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