调用 $(document).foundation();多次在基金会答案

【问题标题】：Calling $(document).foundation(); multiple times in Foundation调用 $(document).foundation();多次在基金会
【发布时间】：2017-05-11 13:01:56
【问题描述】：

我是第一次使用 Foundation，并在现有的 Angular Dart 应用程序中使用它。

可以多次致电$(document).foundation(); 吗？

在我的 JS 中，我有以下内容：

document.addEventListener("onFoundationify", function(event){
    $(document).foundation();
});

然后在我的 Angular 组件的 Dart 代码中，我调用

@override
ngAfterContentInit() {
    document.dispatchEvent(new CustomEvent("onFoundationify"));
}

所以每个 Dart 组件都会在 ngAfterContentInit 上触发此事件，然后调用 $(document).foundation();

有没有更好的方法来为刚刚出现在 DOM 中的 Angular Dart 组件奠定基础，或者我做得很好/安全？

【问题讨论】：

标签： angular dart zurb-foundation angular-dart zurb-foundation-6

【解决方案1】：

这似乎是一种更清洁的方式：

角镖：

@override
ngAfterContentInit() {
    new Future.delayed(Duration.ZERO, (){
        document.dispatchEvent(new CustomEvent("onSetupAccordian"));
    });
}

JavaScript：

<script type="text/javascript">
    document.addEventListener("onSetupAccordian", function (event) {
        new Foundation.Accordion($("element-id-from-event"), {});
    });
</script>

这显式设置了特定的手风琴，而不是重新连接所有内容。

【讨论】：