加载DOM后的流星加载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();
    });
}