我正在尝试使用 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() 加载基础脚本后初始化基础，并确保在 javascript 文件之前加载 CSS，因为我读到这也是一个问题.
我不确定还有哪些其他信息可能会有所帮助，所以请提出任何问题，如果可以，我可以提供更多信息。
提前致谢 ：）