javascript - 为什么 .change() 不起作用？

Question

我有html

<span class="offersReceivedCount">3</span>

我想在 3 值更改为其他值时运行代码。我使用的是 Handlebars ，所以真正的 html 看起来像

<span class="offersReceivedCount">{{offers}}</span> Offers Received</p>

我试过了

$(".offersReceivedCount").change(function(){
console.log("change");
});

但是当 {{offers}} 的值发生变化时，它不会记录任何内容

我需要不同的事件类型或者尝试不同的方法吗？

Answer 1

您需要的是一个ReactiveVar并定义一个equality function关于这一点。

Template['your-template'].onCreated = function() {
   this['offerReact'] = new ReactiveVar(this['offers'], function(oldValue, newValue) {
       if (oldValue !== newValue) {
           // run the function you want to trigger when value change 
           return false;
       } else {
           // no change, do nothing, just return true;
           return true;
       }

   });
}

因此，每当您为 offerReact 设置新值时，equal 函数就会被触发，然后开始运行您想要运行的事件