如何处理$(document).foundation()调用和WebPack？

Question

根据基金会的文件:

包含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);