jQuery 模板中的嵌套 AJAX 调用

【问题标题】：Nested AJAX calls in jQuery TemplatesjQuery 模板中的嵌套 AJAX 调用
【发布时间】：2011-07-24 04:10:53
【问题描述】：

我有一个渲染 cmets 列表的 jQuery 模板：

<script id="CommentTemplate" type="text/x-jquery-tmpl">
    <div class="Entry" id="${ID}">${Comment}</div>
</script>

这是由 AJAX 调用填充的，并且工作正常。我想异步添加回复列表。我想在呈现此模板内容时捕获事件并将回复附加到Entry。有没有办法调用 JS 函数，比如在每个 Entry 被渲染时由 ${ID} 填充的 ShowResults(id)？

谢谢

【问题讨论】：

【解决方案1】：

所以经过一番挖掘，我找到了一个非常优雅的解决方案。您可以通过tmpl signature 中的options 参数将一组键值对传递给模板。我通过如下所示的函数调用：

$("#CommentTemplate").tmpl(result, {
    LoadReplies: function (key) {
        GetReplies(key);
    }
}).appendTo("#CommentsListing");

然后在GetReplies 中进行AJAX 调用并应用到第二个模板。像魅力一样工作。

【讨论】：