javascript - Meteor 0.5.9 - Deps.Autorun 淡入淡出不工作

Question

我有以下代码：

Template.jobFlash.helpers({
    latest_job: function(){
        if(Session.get("latestJob")!=""){

            return JobsCollection.findOne({}, {sort: {'added_date': -1}});
        }
    }
});
Deps.autorun(function(){

    var job = JobsCollection.findOne({}, {sort: {'added_date': -1}});
    sortArr = [];
    sortArr['_id'] = "asc";
    var oldJob = Session.get("latestJob");

    if(job && oldJob !== job._id){
        Session.set("latestJob", job._id);
            $("#jobHolder").fadeIn(750).delay(10000).fadeOut(750);
    }
});

接着：

<template name="main">
    {{#isolate}}
        {{> otherStuff}}
    {{/isolate}}
    {{#isolate}}
        {{> jobHolder}}
    {{/isolate}}
</template>


<template name="jobHolder">
    <div id="jobHolder" style="width:100%; position:absolute; top:0; left:0; height:100%; background:#FFF; display:none;">
    {{#with latest_job}}
    {{#isolate}}
    <div>
        <h1>{{job_title}} - ({{job_type}})</h1>
        <h2>{{job_company}}<br/>
            &pound;{{job_pay}}<br/>
            {{job_short_location}}</h2>
        <div id="map-holder"></div>
    </div>
    {{/isolate}}
    {{/with}}
    </div>
</template>

当 JobCollection 用新行更新时，应该调用fadeIn - 这是第一次加载页面并触发自动运行时，整个代码块工作正常。然而，在那之后，如果 JobsCollection 被更新，该函数被调用并且我可以看到 javascript 正在执行，但是 fadeIn 只是根本不起作用。为什么是这样？好像 Autorun 正在失去作用域？

Answer 1

我有类似的问题。尝试以下操作：

1. Template.jobHolder.preserve(["#jobHolder"]);

2. 运行动画代码Meteor.defer