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

【问题标题】：jquery show/hide when page loadsjquery在页面加载时显示/隐藏
【发布时间】：2016-08-14 22:16:40
【问题描述】：

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

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

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

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

因此，简而言之，首先加载的任何页面都会应用该功能。在应用该功能之前，必须刷新所有其他页面。我所有的页面都是从菜单页面加载的。

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

我也试过了：

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

我也有同样的问题，该功能仅在我刷新时才应用。

【问题讨论】：

【解决方案1】：

为什么你不为此使用 css？即使在浏览器设置中禁用了 javascript，它也能正常工作

【讨论】：

这将被 phonegap 包裹，所以我不担心 javascript 被禁用。我只是想在我为此放弃 jquery 并使用 CSS 之前，我可能会很好地解释为什么会在我的代码中发生这种情况。所以没有人知道如何使用 jquery 来做到这一点？我的所有页面都有一个模板，我希望首先隐藏某些 div，以便它们仅在单击按钮时出现。反对票是怎么回事？
您是在头部还是底部添加了您的 javascript 代码？您应该将其添加到正文部分的底部。
我将它放在正文部分的底部，就在我的 jquery 和 jquery 移动脚本标签之后。只要应用程序是从主页加载的，我放在底部的代码就可以工作。如果我转到其他页面之一并点击刷新，我也会遇到同样的问题。

【解决方案2】：

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

	$('body').on('pageinit', function() {
			$("#sp").show();
			$("#fea").hide();
			$("#lib").hide();
		});

因此，感谢所有发表讽刺言论和投反对票而不是提供解决方案的人，您的意见对我的项目非常宝贵。 ;)

【讨论】：