Foundation.MediaQuery.current in einer Schleife (die erste Iteration zeigt immer nichts an, die nächste ist immer korrekt)

Question

Ich verwende Foundation.MediaQuery.current, um den aktuellen Breakpoint zu bestimmen. Jedes Mal, wenn ich console.log(Foundation.MediaQuery.current) zum ersten Mal anrufen (n = 0) bekomme ich nichts.

Für alle nächsten Anrufe (n> 0) Ich bekomme immer richtigen Haltepunkt, sagen wir large.

Dies ist meine Funktion:

_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; 
}, 

Unterhalb der Abbildung einen Bildschirm von meinem Chrome Dev-Tools zeigt.

Hilfreiche Informationen 1: Es gibt keinen Unterschied in Bezug auf Business Login zwischen dem ersten Anruf und nächsten Anrufen.

Hilfreiche Informationen 2: Ich benutze Foundation For Seiten ~6.2.1

Was mache ich falsch?

Answer 1

Es sieht so aus, als ob Sie den Code ausführen, bevor Foundation initialisiert wurde. Es empfiehlt sich, den Init-Code oben in der JavaScript-Datei zu platzieren.

Answer 2

Sie werden es besser sehen, wenn Sie die console.log am Ende der Funktion setzen. Probieren Sie es aus und erzählen Sie die Ergebnisse.

Es wird klären, wo der Fehler liegt.