javascript - Foundation.MediaQuery.current 在一个循环中(第一次迭代总是什么都不显示，下一次总是正确的)

Question

我使用 Foundation.MediaQuery.current 来确定当前断点。每次我第一次调用 console.log(Foundation.MediaQuery.current) (n=0) 时，我什么也没得到。

对于所有下一个调用(n>0)，我总是得到正确的断点，比方说large。

这是我的功能:

_calculateLimit = function () {
    var postsInjectedCount = container.find('.post-appended').length;

    console.log(Foundation.MediaQuery.current);

    if (Foundation.MediaQuery.current === 'large') { // gives nothing on first iteration :/
        return postsInjectedCount % 3 !== 0 ? 2 : 3;
    }

    return postsInjectedCount % 2 !== 0 ? 1 : 2;
},

下图显示了我的 Chrome 开发工具的屏幕。

有用信息1:第一次调用和下次调用在业务逻辑上没有区别。

有用信息 2:我使用 Foundation For Sites ~6.2.1

我做错了什么？

Answer 1

看起来您正在 Foundation 初始化之前运行代码。将初始化代码放在 JavaScript 文件的顶部是一种很好的做法。