import EventLoader from './event/event'
import * as $ from 'jquery';
window['jQuery'] = $;
import 'foundation-sites';

let eventLoader = new EventLoader();

class MixitApp{
    bootstrap(){
        eventLoader.loadEvent('mixit16')
            .then(response => response.json())
            .then(event => console.log(event));
    }
}

new MixitApp().bootstrap();
$(() => {
  $(document).foundation();
});
import EventLoader from './event/event'
import $ from "jquery";

let eventLoader = new EventLoader();

class MixitApp{
    bootstrap(){
        eventLoader.loadEvent('mixit16')
            .then(response => response.json())
            .then(event => console.log(event))
        $(document).foundation();
    }
}

new MixitApp().bootstrap();

--- 
+++ 
@@ -1,5 +1,7 @@
 import EventLoader from './event/event'
-import $ from "jquery";
+import * as $ from 'jquery';
+window['jQuery'] = $;
+import 'foundation-sites';
 
 let eventLoader = new EventLoader();
 
@@ -7,9 +9,11 @@
     bootstrap(){
         eventLoader.loadEvent('mixit16')
             .then(response => response.json())
-            .then(event => console.log(event))
-        $(document).foundation();
+            .then(event => console.log(event));
     }
 }
 
 new MixitApp().bootstrap();
+$(() => {
+  $(document).foundation();
+});
Fix Foundation invocation from TypeScript
