如何处理$（document）.foundation（）调用和WebPack？

Question

根据基金会的documentation：

  

包含Foundation JavaScript后，只需添加一个简单的   打电话来初始化你页面上的所有插件。

     

我们建议您在页面末尾初始化Foundation   

<script>
  $(document).foundation();
</script>

我的应用使用WebPack，因此模块加载异步 这意味着在使用模板填充ui-view之前，身体底部的经典脚本会运行。 （使用Angular）。

如果我将脚本放在底部，那么在被Foundation的脚本解析之前就会填充DOM，从而对Foundation的所有组件的行为没有任何影响。

你经历过同样的经历吗？

我不想在每个控制器的模板中触发$(document).foundation();。

Answer 1

您应该在$(document).foundation()事件或document.ready上执行window.load。但最好的解决方案是以模块方式启动Foundation JS。

例如，创建一个手风琴var elem = new Foundation.Accordion(element, options);