Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript meteor模板内容完全加载回调_Javascript_Jquery_Meteor - Fatal编程技术网

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使用渲染功能进行后期编辑。