Foundation の Interchange プラグインを使用して、画面サイズに基づいて複数の画像を動的にロードしようとしています。以前はうまく使っていたのですが、なぜか今困っています。
これは私が使用している交換コードです
<img data-interchange="[/library/images/homepage/img_medical_mobile@2x.jpg, (default)],[/library/images/homepage/img_medical@2x.jpg, (medium)]" />
画像がまったく読み込まれていないことがわかるように、これが結果です。イメージ タグ自体はマークアップに存在しません。
ウィンドウのサイズをミディアム以下に変更すると、次のエラーが発生します。
Uncaught TypeError: Cannot read property 'nodeName' of undefined
このような他の質問に目を通したので、両方の解決策を試しました。複数のインターチェンジ インクルードがないことを確認し、document.ready() を使用して Foundation スクリプトが読み込まれた後に Foundation が初期化されていることを確認し、JavaScript ファイルの前に CSS が読み込まれたことを確認しました。 .
他にどのような情報が役立つかわかりませんので、ご不明な点がございましたら、お気軽にお問い合わせください。可能な場合は、より多くの情報を提供できます。
前もって感謝します ：）