2

そこで、jqueryカルーセルを自分のサイトのデザインで動作させることに取り組んできました。カルーセルはここにあります: http ://www.fortelessons.com 。サイト上のすべてのJavaScriptを最小化したので、カルーセルを最小化する前に特定のjqueryを表示するために、ここにコピーを作成しました:http: //fortelessons.com/js/full/infinite.js

だから、私がそれをうまくテストしたところならどこでも動作します。しかし今、私はChrome 20.0.1132.57を見て、いくつかの非常に奇妙な問題を抱えています。最初の初期ロードでは、見栄えがします。しかし、ページをリロードすると、「ピアノを学ぶ」、「声を学ぶ」、「ギターを学ぶ」が1つの楽器によって左に移動し、ギターの画像の下に空白が残ります。キャッシュをクリアしてリロードすれば問題ありませんが、キャッシュに入ると再び実行されます。これはどのように意味がありますか?どこから始めればいいのかわからない。私の現在のバージョンのFirefoxやIEではこれを行いません。Chromeだけです。

コードを調べる時間を節約できるのであれば、jqueryが何をしているのかについてのより詳細な説明を投稿できますが、それが誰かによって再現可能かどうか、またはキャッシュされているページがどういうわけか変更される理由を誰かが知っているかどうかを知りたいだけですそれがどのように表示されたか。デバッグを開始する方法すらわかりません。

編集:実際には、リロードボタンをクリックしたときだけです。サイトをクリックしてからクリックして戻っても問題ありません。しかし、[再読み込み]をクリックすると、混乱します。その後、もう一度クリックすると、通常の状態に戻ります。現実にはほとんど起こらないので大きな問題にはならないと思いますが、それでも何が起こっているのか知りたいです。

4

1 に答える 1

0

あなたが抱えていた問題は、絶対に配置された要素が周囲の要素を自然に流れる要素から空にするという問題から来たと思います。

ブラウザをリロードしたときに、意図したとおりに Web ページを描画するために必要なすべての情報が取得されないというキャッシュの問題があったようです。

それぞれli position:relativeのビューを作成すると、関連する要素をどうするかが具体的に指示され、リロードしてもすべてが正常に機能します。キャッシングはもはや問題ではありません。

于 2012-07-21T19:39:05.557 に答える