Javascript InnerHTML未按预期呈现

我目前正在进行一个Ajax调用，它返回一个投资组合中的一系列不同项目。 一旦调用成功，我想在数组中循环并创建一个引导旋转木马，将每个项目名称和详细信息显示为旋转木马项

我遇到的问题是，当我尝试向#project carousel和#project carousel指示符添加HTML代码时，什么都没有显示

document.addEventListener（'DOMContentLoaded'，getProjects（），false）；
函数getProjects（）{
$.ajax({
url:“/Portfolio/getProjects”，
键入：“POST”，
async:false，
成功：功能（结果）{
var innerCarousel=document.getElementById（'inner-project-carousel'）；
var carouselIndicators=document.getElementById（'project-carousel-indicators'）；
对于（变量i=0；i`；
innerCarousel.innerHTML=
`
${result[i].Client}
${result[i].Description}

`;
}否则{
//这也被命中，但它不会呈现innerHTML
carouselIndicators.innerHTML=``；
innerCarousel.innerHTML=
`
${result[i].Client}
${result[i].Description}

`;
}
}
},
错误：函数（事件、jqxhr、设置、执行）{
淋浴错误（事件、jqxhr、设置、例外）；
}
});
}

在附加html内容后手动调用carousel

$('.inner-project-carousel').carousel();

---

您一直在覆盖这两个元素的

.innerHTML

，因此我假设代码只显示最后一个项目。您还有

类型：“POST”

，您确定这是后端所期望的吗？无论如何，要附加，应该使用

$（carouselIndicators）同时，删除
async:false
。这是一种非常糟糕的做法，在您的代码中根本没有必要。事实上，您正在覆盖
.innerHTML
，而不是逐个添加项。然后，通过
carousel项目
，要显示的项目应与
活动
类一起交付。然后，您的旋转木马控件将通过点击“上一个”或“下一个”来控制项目处于活动状态，请尝试一下！谢谢@ChrisG，这成功了！