Javascript DOM就绪时的Helper函数

我目前正在写博客，我想在添加新文章时有一个预览窗口。因此，我有一个自动表单，您可以在其中输入新文章：

<template name = "AddArticle">
<div class = "content-container">
    <div class = "content-wrapper">
        <h2>Add new Article</h2>
        <!--{{> quickForm id="insertArticleForm" type = "insert"}}-->
        {{#autoForm collection="BlogPosts" id="insertArticleForm" type="insert" class = "content-form"}}
            <fieldset>
                {{> afQuickField name="author"}}
                {{> afQuickField name="title"}}
                {{> afQuickField name="description"}}
                {{> afQuickField name="content" rows=15 id = "content-textarea"}}
                <button type="submit" class="btn btn-primary">Insert</button>
            </fieldset>
        {{/autoForm}}
    </div>
</div>
{{> Preview}}

问题是，当前输出仅为[object]。 我相信在dom还没有准备好的时候，可能会执行helper函数，但我不是100%确定

编辑：

---

哦，试过东西后忘了再加一次。带有.html（）/.val（）/.text（）的输出只返回未定义

[object object]并不意味着DOM还没有准备好，而且您的API似乎需要的是内容而不是对象本身。所以试试看

var content=$（“#content textarea”）.html（）

或

var content=$（“#content textarea”）.val（）
或者，可能是jQuery对象实际上是。。。等等。。。一个对象，当试图直接在HTML中输出复杂对象时，浏览器会将其字符串化，而对象的字符串表示形式实际上是
[object，object]
Try
return content.text（）
，以获得有意义的内容，请尝试返回
console.log（JSON.stringify（content））
将以json格式的对象树的形式返回对象。哦，在尝试了一些东西之后忘记了再次添加它。带有.html（）/.val（）/.text（）的输出只返回控制台上未定义的.whats？.html（）和.val（）返回未定义的.text（）在控制台上为
var content=$（“#content textarea”）返回空字符串whats；控制台日志（内容）是否提供textarea节点？对象{上下文：HTMLDocument→ AddArticle，选择器：“#内容文本区域”}
<template name = "Preview">
<div class = "content-container preview">
    {{>SlideBlock title = 'Preview <button class ="btn btn-default pull-right">Refresh</button>' content = "PreviewContent"}}
</div>

<template name = "PreviewContent">
<div id = "preview-content" class = "content-wrapper">
    <span>{{{content}}}</span>
</div>

Template.PreviewContent.helpers({
   content: function(){
    var content = $("#content-textarea");
    console.log(content);
    return content;
   } 
});