如何使助手生成的HTML與jQuery（Meteor）一起使用？

Question

為了修復具有contenteditable區域和Meteor的文本復制錯誤，我做了以下工作：

document_page.js：

Template.documentPage.helpers({
  contenteditable: function() {
    return '<div class="content" contenteditable="true">' + this.content + '</div>' 
  },

document_page.html：

<div class="editor">
  <input class="title" type="text" value="{{title}}">
  {{{contenteditable}}}
</div>

現在的問題是jQuery不再適用於{{contenteditable}}生成的HTML

例：

Template.documentPage.rendered = function() {
   $('.content').addClass('test') // <--this does nothing

我怎樣才能解決這個問題？

Answer 1

嗨，Alex，代碼實際上可以正常工作，只需刪除+ this.content'+ to + '單擊以開始在div上進行編輯'+`，因為創建的對象沒有內容。

我們用this替換this.content。

var finde = Documents.findOne({_id:this._id})
return '<div class="content" contenteditable="true">' +finde.content + '</div>'

並將模板放置在Route上的waitOn中使用此幫助程序的位置。

waitOn:function(){
  if(this.ready()){
    //render the template
   }else{
    //render the loading template
  }
}

如果您console.log(this) 。

您將得到object {} 。