Foundation 6 Seite funktioniert nur in Chrom?

Question

Aus irgendeinem Grund funktioniert eine Website, die ich gerade für einen Kunden erstelle, nur in Chrome. In Firefox und Safari bekomme ich Konsolenfehler in Foundation's Javascript.

In Safari:

"SyntaxError: Unexpected token ')'" 

und der zugehörige Code ist:

"$(window).on('resize.zf.mediaquery',() => {"... 

und die Code Verpackung, die:

_watcher() { 
$(window).on('resize.zf.mediaquery',() => { 
    var newSize = this._getCurrentSize(); 

    if (newSize !== this.current) { 
    // Broadcast the media query change on the window 
    $(window).trigger('changed.zf.mediaquery', [newSize, this.current]); 

    // Change the current media query 
    this.current = newSize; 
    } 
}); 

In Firefox:

"SyntaxError: missing ; before statement" 

und der zugehörige Code ist:

"let id = $(this).data('close');"... 

und die Code Verpackung, die:

// Elements with [data-close] will close a plugin that supports it when clicked. 
// If used without a value on [data-close], the event will bubble, allowing it to close a parent component. 
$(document).on('click.zf.trigger', '[data-close]', function() { 
let id = $(this).data('close'); 
if (id) { 
triggers($(this), 'close'); 
} 
else { 
$(this).trigger('close.zf.trigger'); 
} 
}); 

Wie Sie sie haben beide ein "zf" Variable in ihnen und die Foundation-Dateien werden sehen Ich habe eine Idee, dass dies etwas mit der Verwendung von ECMAScript2015 durch die Foundation zu tun haben könnte, aber ich schlucke meine ganze Foundation js mit einer Babel-Pipe ... Hat jemand anderes das schon gesehen? Vielen Dank für jede Einsicht.

Answer 1

musste mediaQuery.js nach foundation.core.js

enthalten