加载DOM后Meteor加载Javascript函数

Question

我正在使用Bootstrap，其中有一个输入复选框，如下所示：

<input type="checkbox" id="toggle" name="toggle">

我正在使用Bootstrap Switch将其转换为使用其功能的开关：

Meteor.startup(function() {
    $("[name='toggle']").bootstrapSwitch();
});

然而，问题是交换机只能加载一半的时间。我认为这是因为在DOM中加载复选框之前调用了该函数。我认为将它放入Meteor启动功能会修复它但它没有。如何在加载复选框后确保加载此开关？

我已经尝试了Template.body.onRendered，但它也没有用。

Answer 1

考虑一下，上面提到的代码在模板myTemplate

中

<强> my_template.html

<template name="myTemplate">
    <input type="checkbox" id="toggle" name="toggle"/>
</template>

然后您的my_template.js将

<强> my_template.js

if(Meteor.isClient) {
    Template.myTemplate.onRendered(function() {
        $("[name='toggle']").bootstrapSwitch();
    });
}