Javascript jquery在页面加载时显示/隐藏

我对jQuery有问题。我的应用程序中有一个菜单页面，当我点击某个页面时，我希望显示某些div，隐藏一些div。当我点击一个页面时，下面的脚本

$(document).ready(function() {
    $("#sp").hide();
    $("#fea").hide();
    $("#lib").show();
});

仅当我重新加载页面时有效

如果当我再次单击菜单并转到其他页面时，文档已经加载，那么即使我在多个页面上的脚本标记之间具有相同的功能，相同的功能在该页面上也不起作用

因此，简而言之，无论页面首先加载什么，都会应用函数。在应用函数之前，必须刷新所有其他页面。我的所有页面都是从菜单页面加载的

有人知道每次我从菜单页面加载页面时如何应用该功能吗

我也尝试过：

$(document).on("pageshow", "#pageID", function() {
    $("#sp").hide();
    $("#fea").hide();
    $("#lib").show();
});

---

我也有同样的问题，函数只在刷新时应用

你为什么不使用css来做这个？即使在浏览器设置中禁用javascript，它也会工作

好的，我找到了一个解决方案。我仍然不确定问题最初为什么会出现，但我将功能更改为：

$（'body'）。在（'pageinit'，function（）上{
$（“#sp”）.show（）；
$（“#fea”）.hide（）；
$（“#lib”）.hide（）；
});这将用phonegap包装，所以我不担心javascript被禁用。我只是想，在我放弃jquery并使用CSS之前，我可能会得到一个很好的解释，说明为什么我的代码中会出现这种情况。所以没有人知道如何使用jquery实现这一点？我有一个模板，我所有的网页，我想某些div被隐藏在第一，所以他们只出现在按钮被点击。否决票是怎么回事？你是在标题部分还是在底部添加了javascript代码？你应该把它添加到正文部分的底部，我把它放在我的jquery和jquery移动脚本标签后面的正文部分的底部。只要应用程序是从主页加载的，我放在底部的代码就可以工作。如果我转到另一个页面并点击刷新，我也会遇到同样的问题。