jQueryフェードアウト:あるページでは作業しているが、別のページでは作業していない
質問
したがって、これは私が取り組んでいるウェブサイトにかなり特有のものです。
私が取り組んでいる Web サイトのショーケース/ポートフォリオ部分用に、独自の非常にシンプルな jQuery ローテーターを作成しました。ただし、あるページではスクリプトは機能しますが、別のページでは単純な fadeOut() さえ機能しないようです。
2 つのページは次のとおりです。
1) http://dropyx.jonblower.co.uk
2) http://dropyx.jonblower.co.uk/the-work/
< または > をクリックすると、私の意味がわかります。すべての JavaScript はインラインであり、ソースを表示すると確認できます。
ご協力をいただければ幸いです。私は午後中ずっとこれに苦労していましたが、それはきっと私が見落としてきた単純な何かであるに違いありません。
編集:興味深いことに、fadeIn() エフェクトを使用しようとすると機能します。2) の矢印をクリックしたときに単純な「alert()」を表示させることもできます。
解決
トップページには表示されるが、ポートフォリオ ページには表示されないクラスを追加するのを忘れていました。これにより、CSS プロパティ「overflow:」が追加されます。auto;" これで問題は解決します。
それは簡単なことだとわかっていました。
それで、明確にするために. 。fadeOut が機能するには、要素/コンテナがその子を正しく囲む必要があります。
他のヒント
に見えます。
EDIT:あなたが編集している間おっと、私が編集しました。 :)
コンテナは、実際には正しく元素を含有されていない。
あなたのCSSの追加と
#showcase-page-0 { float: left; }
また、onclickのから偽の復帰を逃している。