インターチェンジを使用して、画面サイズに基づいて画像を変更しようとしています。
ただし、インターチェンジが初期化されると、画像は読み込まれません。次に、ブラウザーのサイズを変更すると (1024px 以下)、コンソールに次のようなエラーが表示されます。
Uncaught TypeError: Cannot read property 'nodeName' of undefined
これは、foundation.interchange.js の 47 行目に関連しています。
if (/IMG/.test(el[0].nodeName)) {
私が使用しようとしているコードは次のとおりです。
<img data-interchange="[http://www.example.com/image.png, (default)], [http://www.exmaple.com/image-large.png, (large)]" />
これは、Zurb のドキュメントによると完全に標準です。画像が存在することを確認しました。
Foundation バージョン 5.2.2 を使用しています。
何か案は？