jquery - jtemplates 附加而不是覆盖

Question

我正在使用 jtemplates(jquery 插件)作为我的模板解决方案，顺便说一下，它非常棒!我用这个替换了我的 asp.net updatepanels，天哪，这真是一个速度助推器。然而，我遇到的问题是，我正在使用此模板系统在文章下加载用户评论。我正在像这样处理模板:

function ApplyTemplate(result) {
if (result.d.length == 0) {
    $('#comments_empty').show();
}
else {
    var msg = (typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d;
    $('#comments_container').setTemplate($("#comments_template").html());
    $('#comments_container').processTemplate(msg);
    $('#comments_empty').hide();
}
$('#loading').hide();

}

这很好，但我现在想要的却无法实现。我想附加新项目(因为有一个名为“显示更多评论”的按钮到旧项目。所以我想我可以使用:

var html = $('#comments_container').processTemplate(msg).toString();

然后将 html 添加到该容器或另一个容器中，但这不起作用。抱歉，我不太懂 jquery/javascript，但我希望有人知道解决方案。

感谢您的宝贵时间。亲切的问候，标记

Answer 1

这有点盲目，因为我既不知道 jtemplates 插件的详细信息，也不知道您的模板是什么样子。

试试这个:

function ApplyTemplate(result) {
  if (result.d.length == 0) {
    $('#comments_empty').show();
  } else {
    var
      $commentsContainer = $('#comments_container'),
      msg = ((typeof result.d) == 'string' ? eval('(' + result.d + ')') : result.d),
      old = $commentsContainer.html();
    $commentsContainer.setTemplate($("#comments_template").html());
    $commentsContainer.processTemplate(msg);
    $commentsContainer.prepend(old);
    $('#comments_empty').hide();
  }
  $('#loading').hide();
}