流星停止運行模板呈現功能

Question

我試圖在模板呈現後運行一些jQuery代碼。但它不起作用。當我手動在控制檯中運行代碼時，它可以工作。這裏的JS：

Template.PanelLayout.helpers({ 
    restricted: function() { 
     return !Meteor.user(); 
    }, 
    authInProcess: function() { 
     return Meteor.loggingIn(); 
    }, 
    canShow: function() { 
     return !!Meteor.user(); 
    } 
}); 

Template.PanelLayout.rendered = function() { 
    $(document).ready(function() { // This is the code I want to run 
     $(".button-collapse").sideNav(); 
     $('.collapsible').collapsible(); 
    }); 
} 

模板代碼：

<template name="PanelLayout"> 
    {{#if restricted}} 
     {{> NotFound}} 
    {{else}} 
     {{#if authInProcess}} 
      {{> spinner}} 
     {{else}} 
      {{#if canShow}} 
       <header> 
        {{> PanelMainNav}} 
       </header> 
       <main id="panel-content"> 
        {{> Template.dynamic template=content }} 
       </main> 
      {{/if}} 
     {{/if}} 
    {{/if}} 
</template> 

林不知道，但我想這是因爲我已經加入了，如果else語句僅當用戶登錄加載的內容？我怎樣才能解決這個問題？

Answer 1

也許這是因爲渲染功能文檔之後被稱爲是準備好了，所以你的鉤子document.ready將無法​​正常工作，您應該刪除它，所以它看起來像這樣（也rendered功能已被棄用，使用onRendered代替）：

Template.PanelLayout.onRendered(function() { 
    $(".button-collapse").sideNav(); 
    $('.collapsible').collapsible(); 
});