Javascript meteor模板内容完全加载回调
我有一个模板如下Javascript meteor模板内容完全加载回调,javascript,jquery,meteor,Javascript,Jquery,Meteor,我有一个模板如下 <template name="mainEvents"> <section class="main-events-list events-list js-content-slider"> {{#each events}} <div class="events-list-item"> <figcaption> &l
<template name="mainEvents">
<section class="main-events-list events-list js-content-slider">
{{#each events}}
<div class="events-list-item">
<figcaption>
<dl class="clearfix">
<dt>
<h3>{{name}}</h3></dt>
</dl>
</figcaption>
<figure class="ratioBox">
<div class="js-backstretch content"><img src="{{image}}"/></div>
</figure>
<a href="" class="full-link"></a>
</div>
{{/each}}
</section>
</template>
Template.mainEvents.helpers({
"events": function () {
return Events.find({is_deleted:false})
}
})
最后一条简单的铁路线如下:
Router.route('/slider', {
name: 'mainEn',
path: '/slider',
template: 'slider',
layoutTemplate: 'mainLayout',
yieldRegions: {
'indexHeader': {to: 'header'},
'footer': {to: 'footer'}
},
onBeforeAction: function () {
//TAPi18n.setLanguage('en'); // set to english
this.next();
},
action: function () {
// render all templates and regions for this route
this.render();
}
});
Template.mainEvents.rendered = function () {
$('.js-content-slider').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1
});
}
你们可以猜到,我正试图用收集来的数据生成一个滑块,并试图用包来实现
Template.mainEvents.rendered
函数在路由之间漫游时运行良好。假设我的滑块位于/slider路径中,我通过输入localhost:3000然后单击/slider按钮来加载meteor应用程序。一切都按其应有的方式运行
但是当尝试使用localhost:3000/滑块路由加载页面时。呈现函数在内容完全加载且slick失败之前触发。我只能通过setTimeout函数来实现它
如何在meteor中获得模板中的所有内容,并使其完全加载和呈现回调
我需要$('.selector').load(function(){})
类函数
或者任何其他可以解决这个问题的方法
提前感谢。这很可能是因为该系列尚未同步的问题。您可以通过在路线中添加
waitOn
选项来解决此问题:
Router.route(“/slider”{
姓名:'mainEn',
路径:“/滑块”,
模板:“滑块”,
layoutTemplate:“主布局”,
产量地区:{
'indexHeader':{to:'header'},
'footer':{to:'footer'}
},
onBeforeAction:函数(){
//TAPi18n.setLanguage('en');//设置为英语
这个。下一个();
},
行动:功能(){
//渲染此管线的所有模板和区域
这个。render();
},
waitOn:函数(){
返回Meteor.subscribe(“事件”);
}
});
slick在哪里?也许这会有助于显示您的渲染
function@ChristianFritz使用渲染功能进行后期编辑。