基金会的交换图像不起作用

Question

我尝试使用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

我查看了其他问题，例如this one，所以我尝试了这两种解决方案。我确保没有多个交换包含，确保在使用document.ready（）加载基础脚本之后初始化基础，并确保在javascript文件之前加载CSS，因为我读到这也是一个问题。

我不确定其他哪些信息可能会有所帮助，所以请问任何问题，如果可以的话，我可以提供更多信息。

提前致谢：）