流星0.5.9 - Deps.自动淡出不工作

Meteor 0.5.9 - Deps.Autorun fadein not working

本文关键字：淡出 工作 Deps 流星      更新时间：2023-09-26

我有以下代码:

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失去了定位?

我也有类似的问题。试试以下命令:

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

  2. 运行Meteor.defer中的动画代码

相关文章：