jquery - jQuery fadeOut: あるページでは動作するが別のページでは動作しない

Question

したがって、これは私が取り組んでいるウェブサイトにかなり固有のものです。

私が取り組んでいるウェブサイトのショーケース/ポートフォリオ部分用に、非常にシンプルなjQueryローテーターを独自に作成しました。ただし、あるページではスクリプトが機能し、別のページでは単純な fadeOut() でさえ機能していないようです。

2 つのページは次のとおりです。

< または > をクリックすると、意味がわかります。すべての JavaScript はインラインであり、ソースを表示すると表示されます。

どんな助けでも大歓迎です。私は午後中ずっとこれに苦労してきましたが、見落としていた単純なものに違いありません。

EDIT : 興味深いことに、fadeIn() 効果を使用しようとすると機能します。矢印がクリックされたときに単純な「alert()」を表示させることもできます 2)。

score 1 · Accepted Answer

フロントページには表示されるがポートフォリオページには表示されないクラスを追加するのを忘れていました。これにより、css プロパティ「overflow: auto;」が追加されます。問題を修正します。

それは簡単なことだとわかっていました。

明確にするために。フェードアウトが機能するには、要素/コンテナがその子を正しく囲む必要があります。

score 0 · Accepted Answer

2番目のページがフェードインする前にフェードインしているようです。firebugコンソールでfade-inコマンドを実行すると問題なく動作します。

編集：おっと、あなたが編集している間に私は編集していました。:)

score 0 · Accepted Answer

コンテナには実際には要素が適切に含まれていません。

CSSに追加します

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

また、onclickからのreturnfalseも見逃しています。

3 に答える 3