jquery - 在 jquery 的变量中存储 dom 元素在 Meteor 中不起作用

Question

谁能告诉我我做错了什么？

http://jsfiddle.net/zsVpt/

var loadingDOM = $('.loading');

//when i want to use the stored DOM, it simply doesn't work and don't give any errors at all !!!
Template.search.events({
    'keyup .searchField' : function(event, template){
        loadingDOM.css('display','inline');
        //etc.
     }
});


//this one works
Template.search.events({
    'keyup .searchField' : function(event, template){
        $('.loading').css('display','inline');
        //etc.
     }
});

很简单，获取 dom 并将其存储在变量(性能)中，然后在 meteor 事件范围中使用它。

当我使用存储的 DOM 时，它根本无法工作而不给出任何错误!而直接使用 JQuery 获取 DOM 确实有效。

http://www.youtube.com/watch?v=JP9zwE02tk4

Answer 1

尝试在渲染的回调中缓存loadingDOM，如下所示:

Template.search.rendered = function() {
    this.loading = this.find('.loading'); 
}

Template.search.events({
  'keyup input' : function(e, t){
     $(t.loading).css('display', 'inline'); 
   }
});

我的猜测是您试图在模板呈现之前缓存加载 dom 元素。通过在模板渲染后将其缓存到模板对象中，只要您在同一模板中工作，就可以访问它。