2011-07-19 33 views
0

無料バージョンのSlide Deckと、Wordpress websiteにjQueryスライダがインストールされています。Google Chromeでスライドデッキが正しく表示されない

Internet Explorer 8とFirefox 5では正常に表示されますが、Google Chromeではスライドしたり正しく表示されません。

Chromeでは、スライダがその下のコンテンツにマージされます。

IE8 & FF5には、スライダの下に空き領域があり、通常、画像がスライダにない場合に表示されます。私は1枚の画像の高さに等しい高さでDIV内部スライダを配置する場合

Slide Deck not displaying properly in Chrome

(IE8とFF5の画像下記連絡先情報が表示されなく、クロムと同様にオーバーレイ) IE8 & FF5の空き領域を修正しますが、Chromeでは2倍の問題になります。

Slide Deck not displaying properly in Chrome

クロームがこれを好きではない理由を任意のアイデア?

答えて

1

サイトに再度アクセスすると、実際には問題なく動作します。

上記の動作の理由は、スライダースクリプト($('.slidedeck')...)が単純に初期化されないためです。 JavaScriptが無効になっている場合と同じです。 URL http://www.louisbaxters.com.au/でフレームからURL http://s7.addthis.com/static/r07/sh46.html#iit=1311067124513&cb=0&ab=-&dh=www.louisbaxters.com.au&dr=&du=http%3A%2F%2Fwww.louisbaxters.com.au%2F&dt=Louis%20Baxter%C2%A0%7C%C2%A0Coffee%20in%20Subiaco&inst=1&lng=en-GB&pc=wpp&pub=ra-4e25011e4930aecb&ssl=0&sid=4e254bf4fe18466d&srd=1&srf=0.02&srp=0.2&srx=0.5&ver=250&xck=0&rev=102311&ct=1&xd=1 でフレームにアクセスするための

安全でないJavaScriptの試み:

は、Google Chromeのデベロッパーツールでコンソールパネルを確認した場合は、この種のメッセージが表示されます。ドメイン、 プロトコルとポートが一致している必要があります。

このエラーのように見えますが、スライダがChromeで動作しないようです。

同じページをもう一度訪問すると、コンソールでそのようなメッセージが表示されず、スライダが正常に動作します。

私が示唆しているのは、スライダーの初期化コードを$(document).ready(function(){ ... });の中でページの中央で実行する代わりに移動することです。

+0

もう一度サイトにアクセスしてどういう意味ですか?ページを更新? 10分後に戻ってくる?どちらの場合も、同じバグが表示されます。あなたが提案した変更を見ていきます。ありがとう。 – Steve

+0

私は初期化コードに変更を加えましたが、Firefoxでは正常に動作しますが、コンソールエラーはなくなりましたが、同じ問題がChromeで発生しています。 Chromeには奇妙でした。変更後、ページを読み込みます。それは動作していなかった、私は離れて見て、クロムを振り返り、それは適切にスライドしていた。私はページをリフレッシュし、スライダが最初と同じように壊れました。 – Steve

+0

@ Steve新しい変更を加えると、ページ全体が完全に初期化されるとSliderコードが開始されます。したがって、AddThisコードで遅延がある場合、スライダは解決されるまで(正常に実行されるかどうか)は開始されません。主なもの - それは今働いている(以前の完全に壊れた状況と比較して)。 AddThisコードを削除してテストを実行することをお勧めします。私は違いがあると確信しています。 _「サイトに再度アクセスするとどういう意味ですか?」_リフレッシュされませんが、「ホーム」リンクをもう一度クリックすると(完全リフレッシュが必要ない場合など) – LazyOne

関連する問題