jquery - jQuery淡出：在一个页面上工作，但不在另一个页面上

Question

所以这对于我正在开发的网站来说是非常具体的。

我为我正在开发的网站的展示/作品集部分创建了自己的、非常简单的 jQuery 旋转器。然而，在一个页面上脚本可以工作，而在另一个页面上，甚至一个简单的 fadeOut() 似乎都不起作用。

这两页是：

如果你点击 < 或 > 你会明白我的意思。所有的 javascript 都是内联的，如果你查看源代码就可以看到。

任何帮助将不胜感激。我整个下午都在为此苦苦挣扎，这肯定是我一直忽略的简单事情。

编辑：有趣的是，尝试使用 fadeIn() 效果。我还可以在单击箭头 2) 时显示一个简单的“alert()”。

score 1 · Accepted Answer

我忘记添加一个出现在我的首页而不是投资组合页面上的课程。这将添加 css 属性“溢出：自动；” 这解决了这个问题。

知道这将是一件简单的事情。

所以只是为了澄清。为了让 fadeOut 起作用，元素/容器必须正确地包含它的子元素。

score 0 · Accepted Answer

看起来您的第二页只是在淡入之前淡出。在萤火虫控制台上运行淡入命令就可以了。

编辑：哎呀，你编辑时我正在编辑。:)

score 0 · Accepted Answer

容器实际上并未正确包含元素。

在你的 CSS 添加

#showcase-page-0 { float: left; }

您还缺少 onclick 的 return false 。

3 回答 3