Html 使用ajax调用创建引导程序时，引导程序手风琴未正确显示

我没有问题创建手风琴从引导手动

但是在ajax调用中，它不能正确地呈现

我的ajax调用：

function LoadReservation() {
    $.ajax({
        url: '@ecuriePath' + 'MesReservations',
        type: 'GET',
        headers: headers,
        success: function (data) {
            var j = 1;
            $.each(data,
                function (i, v) {
                    $('#accordion').append('<div class="panel panel-default">');
                    $('#accordion').append('<div class="panel-heading">');
                    $('#accordion').append('<h4 class="panel-title">');
                    $('#accordion').append('<a data-toggle="collapse" data-parent="#accordion" href="#collapse'+j+'">'+moment(v.heureDebut).format("DD-MM-YYYY")+' : '+v.typeDeCours+' - '+v.discipline+'</a>');
                    $('#accordion').append('</h4>');
                    $('#accordion').append('</div>');
                    $('#accordion').append('<div id="collapse'+j+'" class="panel-collapse collapse in">');
                    $('#accordion').append('<div class="panel-body">');
                    $('#accordion').append('test'+j);
                    $('#accordion').append('</div>');
                    $('#accordion').append('</div>');
                    $('#accordion').append('</div>');
                    j = j + 1;
                });
        },
        error: function(error) {
            alert('failed : ' + error);
        }
    });
}

函数LoadReservation（）{
$.ajax({
url:“@ecuriePath”+“MesReservations”，
键入：“GET”，
标题：标题，
成功：功能（数据）{
var j=1；
美元。每个（数据，
功能（i，v）{
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）.append（'test'+j）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
$（“#手风琴”）。附加（“”）；
j=j+1；
});
},
错误：函数（错误）{
警报（'失败：'+错误）；
}
});
}

HTML和参考资料：

<link rel="stylesheet" href="~/Content/bootstrap.min.css">
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"> 
</script>

<div class="container">
<div id="accordion"></div>
</div>

结果是：

有人知道这是为什么吗？ 同样的代码直接在html中运行良好，并给出以下结果：

---

我找到了它不起作用的原因

函数的作用是：追加html，但也会自动关闭标记

如果附加以下内容：

$('#accordion').append('<div class="panel panel-default">');

$（'#手风琴'）。附加（''）；

它将在末尾添加一个

我把所有的东西都放在一个数组中，并附加了我的数组。这就成功了