Javascript Fullcalendar使用模板呈现问题

我正在尝试使用underline.js模板使用fullcalendar.io。我只能在重新加载页面时加载日历。当用户单击后切换到其他模板时，日历将不显示。我尝试过使用destroy，render，但没有成功。我被卡住了。任何提示都将不胜感激

$('#calendar').fullCalendar('destroy');

$('#calendar').fullCalendar('render');

$('#calendar').fullCalendar('rerenderEvents');


<!--- Template for Calendar --->
<script type="text/template" id="calendar-list-template">
    <div id='calendar'><% console.log('cal div'); %></div>
    <% 
    calVars = {}; 
    var passedCalVars = [];
    _.each(calendars, function(calendar) { 
        var obj = { title: calendar.get('title'), start: calendar.get('start') };           
        passedCalVars.push(obj)
    });
     $(function() {
      console.log('fullcal');
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,basicWeek,basicDay'
            },
            aspectRatio: 1.55,
            defaultDate: '2014-09-12',
            editable: false,
            eventLimit: true, // allow "more" link when too many events
            events: passedCalVars
        });    
    });

  %>
</script>

---

当您尝试使用$'calendar'进行操作时，是否确定日历在DOM中？所有的fullCalendar调用都应该在您的视图中，它们可能是这个。$'calendar'。render and remove中的fullCalendar调用。这就是解决方案。我将代码从模板文件移到模型文件中。非常感谢。