无法从Javascript获取完整的把手模板

我使用手柄和AJAX在每个AJAX响应上重新呈现模板。然而，并没有发生任何事情，浏览器既不会呈现模板，也不会显示任何错误消息。通过一点调试，我发现

javascript

并没有获取完整的hbs模板

这是我的车把模板：

<!--Template-->

<script id="careers-template" type="text/x-handlebars-template">
    <ul>
        {{#each careers_list}}
            <li class="mt-list-item">
                <div class="list-icon-container">
                    <button data-toggle="tooltip"
                            title="Add to Favorites"><i
                            class="fav-btn ion ion-ios-heart-outline font-red-intense"></i>
                    </button>
                </div>

                <div class="list-item-content">
                    <h3 class="uppercase">
                        {{this}}
                    </h3>
                </div>
            </li>
        {{/each}}
    </ul>
</script>

以下是我的AJAX调用：

$.ajax({
           url: '/dashboard/careers/get_careers_list',
           type: 'POST',
           contentType: 'application/json',
           data: JSON.stringify({category: category})
       }).done(function (data) {

           var container =  $("#career-detail-list");

           var source   = $("#careers-template").html();
           var template = Handlebars.compile(source);
           var list = template({careers_list: data});

           console.log(source);
           container.html(list);
       });

AJAX返回一个

字符串数组

---

有人能帮我解释一下为什么

javascript

没有获取完整的hbs模板吗？？？

问题是，列表是空的

检查其

this.careers\u list

而不是

careers\u list

还可以用引号发送密钥

var list = template({'careers_list':data})

---

职业列表不为空。我已经在控制台上检查过了。javascript中的

源代码没有被完全抓取。@VaibhavAgarwal如果您得到
，我高度怀疑源代码没有被抓取。数据很可能是空的。您能否显示
console.log（data）
的打印？@MarcosCasagrande yes source是空的，但data不是空的。我试图从外部源代码中获取模板，但当模板内联时，它无法获取源代码。
var list = template({'careers_list':data})