Twitter Bootstrap と Wordpress を使用して小さな Web プロジェクトを完成させましたが、残念ながら Internet Explorer にはいくつか問題があります。Opera、Safari、および Chrome では、エラーなしでページが表示されます。
IE10 と IE9 ではすべて問題ないように見えますが、IE8 と IE7 では白いページしか表示されません。その「ホワイト スクリーン オブ デス」(WSOD) の解決策を見つけるために Google 検索を既に実行しましたが、がっかりしました。
また、ページ自体のデバッグも行いました。そうすれば、HTML5 フォームのポリフィルが問題を引き起こしていることがわかりました。そのためにWebshimsを使用しています。ページには IE6+ との互換性が記載されていますが、ご覧のとおり、そうではありません。これは奇妙です。
そこで、FireBug コンソールを調べて、JavaScript エラーがないかどうかを確認しました。エラーはありませんでしたが、問題を引き起こすスクリプトに警告がありました。
Call webshims.polyfill before DOM-Ready or set waitReady to false.
そこで、ページの下部にスクリプトをロードするため、ドキュメントを調べてに設定waitReady
しました。false
その結果、警告はなくなりましたが、IE8 と IE7 ではまだ白いページしか表示されません! テストとして、スクリプトへの呼び出しを再度削除しました。ページは IE8 & 7 で動作します。呼び出しを再度追加するとすぐに、白いページが表示されます。
何時間も戸惑った後、1 つのことが頭に浮かびました。デフォルトでは、Wordpress の jQuery は非競合モードで実行され$("#something)
ますjQuery("#something")
。これが何らかの問題を引き起こす可能性があるというのが私の考えだったので、非競合モードを無効にしました。まだ: 何もない、白いページ。
何が問題を引き起こしているのか、私にはこれ以上の考えがありません。解決策や解決策のアイデアはありますか?
ご意見をお待ちしております。