jQuery 模板 - 在模板内执行 JS 代码

Question

我正在尝试了解有关 jQuery 模板的更多信息，但似乎无法在模板内执行任何 JS 调用。

<script id="log-item" type="text/x-jquery-tmpl">
 {{if title.length }}
   <h3 style="padding-bottom:5px;">${ title }</h3>
 {{/if}}
 objectToString(${ detail });
</script>

请注意，我的 objectToString() 函数从未被调用，只是呈现为字符串。我一时兴起尝试将其包装在 {{ }} 中，但没有成功。有谁可以帮忙吗？

Answer 1

安东尼，你可以的。您调用的方法需要位于模板标记内，如下所示:

<script id="log-item" type="text/x-jquery-tmpl">
 {{if title.length }}
   <h3 style="padding-bottom:5px;">${ title }</h3>
 {{/if}}
 <p>
    Detail: ${ objectToString( detail ) }
 </p>
</script>