Javascript 页面加载时内容消失

所以我有一个简单的问题，我不知道该怎么做。好的，问题是我有一个JavaScript，它可以显示关于菜单的内容。例如，如果我从菜单中选择任何东西，它会过滤内容并显示所选项目。在我的例子中，当页面加载时，内容会出现一秒钟，然后消失。我不知道为什么会这样

JS HTML 这是HTML中一个实体的内容，还有更多。我只是提供一个，以便让你们知道课程的情况

<div class="isotope-item grid-item one-quarter iphone mood symptoms" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 3520px, 0px);">
<article class="tools archive grid four-column">
<div class="image">
<img src="http://localhost/newwplms/wp-content/uploads/2013/09/Symple.jpeg">

<div class="hover">

<a class="action" href="http://localhost/newwplms/tools/symple-symptom-tracker-health-diary/">

<i class="icon-chevron-right"></i></a><a class="action fancybox" href="http://localhost/newwplms/wp-content/uploads/2013/09/Symple.jpeg">
<i class="icon-search"></i></a></div></div><div class="meta">
<h4 class="title">

<a href="http://localhost/newwplms/tools/symple-symptom-tracker-health-diary/">Symple</a></h4>

</div>
</article>
</div>

---

您的第一行html作为内联css的一部分包括：

transform: translate3d(0px, 3520px, 0px);

---

我猜你没有3520像素高的屏幕！所以你把这个div从屏幕上删除了。去掉它，你会看到你的div。

这不是问题，manishie，内容中还有其他项目，它们有不同的translate3d图形。第一个有（0px，0px，0px）…还有一件事，当我删除这个Javascript文件时，它工作正常，所以问题可能在JS文件中。你好，Zain，我目前也有同样的问题。你找到解决办法了吗？我的观察是，该网页在脚本执行后会重新加载，因此会丢弃所有添加的非静态内容

transform: translate3d(0px, 3520px, 0px);