gpt4 book ai didi

javascript - 隐藏页面元素然后显示时出错

转载 作者:行者123 更新时间:2023-11-27 23:34:56 25 4
gpt4 key购买 nike

我试图在页面中隐藏一个 id,然后在页面上加载所有 javascript 后显示。我正在使用的 javascript 再次显示内容是:

$(document).ready(function() {
$("#HomePage")[0].style.visibility = "visible";
$('#HomePage').addClass('animated fadeIn');
$("#CategoryPage")[0].style.visibility = "visible";
$('#CategoryPage').addClass('animated fadeIn');
}

我使用的CSS是

#HomePage { visibility:hidden; }
#CategoryPage { visibility:hidden; }

和主页的html

<html>
<body>
<section id="HomePage" class="main-content">
...
</section>
</body>
</html>

和分类页面的html

<html>
<body>
<section id="CategoryPage" class="main-content">
...
</section>
</body>
</html>

这适用于主页 - 最初隐藏 div 然后显示但是当我出于某种原因转到类别页面时 javascript 没有运行。我在两个页面上都收到错误,但我不确定这是否会影响它,因为它仍在主页上运行 - 未捕获类型错误:无法读取未定义的属性“样式”。有人有什么想法吗?

最佳答案

#HomePage 是否存在于 #CategoryPage 上?如果我正确理解了您的问题,它会尝试在 #CategoryPage 上寻找 #HomePage 并将其确实声明为 undefined

如果您使用的是 jQuery,下面的代码应该可以工作。

$(document).ready(function() {
$("#HomePage").css('visibility', 'visible');
$('#HomePage').addClass('animated fadeIn');
$("#CategoryPage").css('visibility', 'visible');
$('#CategoryPage').addClass('animated fadeIn');
}

关于javascript - 隐藏页面元素然后显示时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34302864/

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