私は最近、クライアントhttp://www.bridgechurch.us/の Web サイトを立ち上げましたが、ie8 または ie9 で正しく表示されないという苦情を受け取りました。私はこれが真実であることを確認しました。IE は、次の Javascript 行を指しています。
jQuery(関数 () {
jQuery(".scrollable").scrollable({circular: true}).navigator().autoscroll({interval: 7000});
[...]
このコード行の何が問題なのかを理解してくれる人はいますか?
ありがとうございました
更新 - 修正済み
Doctype Declaration の前に、IE を強制的に互換モードにするコメントがあることがわかりました。
そのページには多くの 404 があり、主に ie 固有の css と境界線の画像に関連しています。これがおそらく、ページが本来あるべきように見えない理由です。/images/internet_explorer/borderBottomRight.png や /wp-content/themes/Moses/styles/default.css などのファイルが読み込まれません。
そうは言っても、スクロール可能なドキュメントを見ると、 scrollable(); の戻り値から .navigator() 関数はありません。Chromeでも同じエラーが発生します。
視覚的には、サイトは IE9 では (Chrome と比較して) まったくうまく機能していないように見えます。しかし、jQuery に追加するコードを見るだけで、scrollable()その関数が常に元の要素を返すとは限らないことがわかります。あなたのコードでは、呼び出しを 2 つに分割しても問題ない可能性があります。
jQuery(".scrollable").scrollable({circular: true});
jQuery(".scrollable").navigator().autoscroll({interval: 7000});
これはプラグインのせいです。jQuery を拡張する関数は、セレクターが見つけた元の要素を常に返すはずです。