流星加載JavaScript函數DOM後載入

Question

我使用的引導中，我有一個輸入的複選框這樣的：

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