Zurb Foundation Interchange不工作，’nodeName’未定义

我正在尝试使用交换来根据屏幕大小更改图像。

但是，当初始化交换时，没有图像加载。 然后，当我调整浏览器大小（1024px及更低）时，我在控制台中收到错误消息：

Uncaught TypeError: Cannot read property 'nodeName' of undefined 

这与foundation.interchange.js的第47行有关，它是：

 if (/IMG/.test(el[0].nodeName)) { 

我试图使用的代码是：

根据Zurb的文档，这是完全标准的。 我确保图像存在，他们这样做。

我正在使用Foundation版本5.2.2。

有任何想法吗？

Answer 1

我有这个问题并通过做一些简单的测试来解决它…

尝试其中一些：

1. 检查 – 您只调用脚本路径’interchange.js’的一个实例

为什么？ – 这将确保您避免插件中的重复函数调用。

怎么样？ – 在视图源页面上按Ctrl-f（查找）单词’interchange.js’

这是检查它的最佳方法，特别是如果您正在使用MVC或嵌套的Webforms框架。

2. 检查 – $（document）.foundation（）; 在swap.js脚本加载后调用

例如。 在这个命令….

为什么？ – 我相信，一旦基础初始化，交换就必须存在。

我希望这些选项有所帮助 – 对不起，如果它有点基础 – 但值得尝试所有相同的干杯