渲染流星模板后运行JS

我有一个模板,看起来像这样：

<template name="foo">
  <textarea name="text">{{contents}}</textarea>
</template>

我用：

Template.foo = function() {
  return Foos.find();
}

我有一些事件处理程序：

Template.foo.events = {
  'blur textarea': blurHandler
}

我想做的是根据其内容的大小设置textarea的rows属性.我意识到我可以写一个Handlebars帮助器,但是它不能访问被渲染的DOM元素,这将迫使我做一些不必要的重复.我想要的是,理想情况下,流星在呈现元素后触发事件.就像是：

Template.foo.events = {
  'render textarea': sizeTextarea
}

这可能吗？

解决方法

我认为目前最好的方法是这样做(这有点黑客)是使用Meteor.defer ala Callback after the DOM was updated in Meteor.js.

杰夫是流星开发者之一,所以他的话是福音:)

所以在你的情况下,你可以这样做：

<textarea id="{{attach_textarea}}">....</textarea>

和

Template.foo.attach_textarea = function() {
   if (!this.uuid) this.uuid = Meteor.uuid();

   Meteor.defer(function() {
     $('#' + this.uuid).whatever();
   });

   return this.uuid;
 }

编辑

请注意,作为0.4.0,您可以通过特殊方式(如Sander所指出)：

Template.foo.rendered = function() {
  $(this.find('textarea')).whatever();
}

原文地址：https://www.jb51.cc/js/155016.html