javascript - 为什么 $.each 仅显示我的 Mustache 模板之一？

Question

我在 $.each 中使用 $.get 来调用外部 Mustache 模板以在数组中的每个照片对象上使用。

这是我的代码:

$.when.apply($, requests).then(function(dataOne, dataTwo) {
    $.each(dataOne, function(idx, obj) {
        $.get("myTemplate.mst", function(template) {
            var rendered = Mustache.render(template, obj);

            $photoElem.html(rendered);
        });
    });
});

我的问题是，一旦刷新屏幕，就只显示一个数组对象。我知道 {{#item}} 可以迭代数组，但我使用 $.each 是出于非常具体的原因。

有人可以告诉我我做错了什么吗？

Answer 1

试试这个

 $.when.apply($, requests).then(function(dataOne, dataTwo) {
      $.get("myTemplate.mst", function(template) {
          $.each(dataOne, function(idx, obj) {
             var rendered = Mustache.render(template, obj);
             $photoElem.append(rendered);
         });
     }); 
 });

假设问题导致您替换 $photoElem 的内容(使用 .html() )而不是附加每个新项目

我将 .html() 替换为 .append(

并更改代码以仅读取模板一次(如@Andy所说)