javascript - DOM 加载后的 Meteor Load 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();
    });
}