Javascript 尝试将图像动态添加到旋转木马不起作用

我正在使用jquery、bootstrap并尝试创建一个旋转木马

如果我以静态方式提供旋转木马项目，则旋转木马可以工作，但如果我尝试向旋转木马动态添加图像，则旋转木马将失败

jQuery script:

function loadPartners(section) {
       var partners = section.partners;
        // partners contain list of URL where the images are located.
        $.each(partners, function( i, val ) {           
            console.log("success partners val: " + val.url);
            var markup = "<div class=carousel-item> <div class=\"listing-item compact\" ><a  class=listing-img-container><div class=listing-img-content><span class=listing-compact-title> Day-View </span></div><img src=" + val.url+ "></a></div></div>";

            // Adding carousel item to  carousel
            $('#partners #partners1 #partners2 #partners3').append(markup);                     
        });
 }


HMTL code.

<div id = "partners" class="container" style="opacity: 1;">
    <div id = "partners1" class="row" style="opacity: 1;">

        <div class="col-md-12">
            <h4 class="headline margin-top-70 margin-bottom-30">Partners</h4>

        </div>

        <!-- Carousel -->
        <div id = "partners2" class="col-md-8">
            <div id = "partners3" class="carousel">
            <!--  items will be added here    -->

            </div>
        </div>
        <!-- Carousel / End -->

    </div>
</div>

jQuery脚本：
功能加载伙伴（第节）{
var partners=section.partners；
//合作伙伴包含图像所在的URL列表。
$.each（partners，function（i，val）{
log（“成功伙伴val:+val.url”）；
var markup=“日视图”；
//将旋转木马项目添加到旋转木马
$（“#partners#partners1#partners2#partners3”）。追加（标记）；
});
}
HMTL代码。
合作伙伴

意见：

的不透明度将自动设置为零

如果在browser inspect元素中不透明度设为1，我会看到合作伙伴图像可见，但其分页，而不是在旋转木马中显示

---

3.如果我静态设置旋转木马项目，一切正常。

在添加所有需要的项目后，请尝试手动初始化旋转木马：

$('.carousel').carousel();

可以在引导文档中找到：

通过javascript部分

---

另外，为了确保您的carousel不会提前初始化，请将carousel类替换为不同的类，例如：“carousel custom”。使用该引导程序时，不会使用html标记自动初始化它。

如果发现类似的线程，请查看