jQuery fadeOut：在一个页面上工作，但不是另一个

Question

因此，这对于我正在处理的网站来说非常具体。

我已经创建了我自己的，非常简单的jQuery旋转器，用于我正在处理的网站的展示/投资组合部分。然而，在一个页面上，脚本可以工作，而在另一个页面上，即使是一个简单的fadeOut（）似乎也可以工作。

这两个网页：

1）http://dropyx.jonblower.co.uk

2）http://dropyx.jonblower.co.uk/the-work/

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

任何帮助将不胜感激。整个下午我一直在努力，这肯定是我忽略的一些简单的东西。

编辑：有趣的是，试图使用fadeIn（）效果的作品。我也可以在2）点击箭头时显示一个简单的“alert（）”。

Answer 1

我忘记了添加一个出现在我的头版上但没有出现在投资组合页面上的类。这增加了css属性“overflow：auto;”它解决了这个问题。

知道这将是简单的事情。

所以只是为了澄清。为了使fadeOut工作，元素/容器必须正确地包围它的子元素。

Answer 2

看起来你的第二个页面在淡入之前就已经淡出了。在萤火虫控制台上运行淡入命令可以正常工作。

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

Answer 3

容器实际上不包含元素。

在你的CSS添加

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

你还缺少从回报的onclick假的。