DOM就绪时的助手功能

时间:2015-12-06 19:09:25

标签: javascript jquery meteor spacebars

我目前正在撰写博客,在添加新文章时我想要一个预览窗口。所以我有一个autoform,你可以输入新的文章:

<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;
   } 
});

这个Helper函数应该将文本从textarea复制到预览窗口

{{1}}

问题是,当前输出只是 [object Object] 。 我相信可能是,当dom还没有准备好时,执行辅助功能,但我不是100%肯定。

编辑:

哦忘了在尝试之后再添加它。带有.html()/ .val()/ .text()的输出都只返回undefined。

1 个答案:

答案 0 :(得分:0)

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

var content = $("#content-textarea").html();

var content = $("#content-textarea").val();