Zurb基础交汇处不工作，“nodeName”未定义

Question

我试图使用交换来根据屏幕大小改变图像。

然而，当交换被初始化时，没有加载图像。然后，当我调整浏览器的大小(1024 an和更低)时，我在控制台中看到一个错误，上面写着：

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的文档，这是完全标准的。我已经确保了图像的存在，就像它们一样。

我使用的是基金会版本5.2.2。

有什么想法吗？

Answer 1

我有这个问题，做了一些简单的测试.

试一试其中的一些：

1. 检查-您只调用脚本路径'interchange.js‘的一个实例

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

如何？-Ctrl(找到)查看源页面上的单词“interchange.js”

这是检查它的最佳方法，特别是在MVC或嵌套的webforms框架中。

1. $(文档).foundation()；是在加载interchange.js脚本之后调用的。

例如：按照这个顺序..。

<script src="/foundation/foundation.js")></script>
<script src="/foundation/foundation.interchange.js"></script>

<script type="text/javascript">
    $(document).ready(function () {

        $(document).foundation();

     });
</script>

为什么？-我相信，一旦基础不完善，交换就必须存在。

我希望这些选择能帮上忙--抱歉，如果有点基本的话--但还是值得一试的。