加載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();
    });
}