猫头鹰轮播仅显示一次-第二次以后无法看到猫头鹰轮播，页面刷新

Question

我正在使用owl carousel插件来显示图像滑块。

这是代码

function imageSliderSettings() {
jQuery(".image-slider").each(function () {
    var id = jQuery(this).attr('id');
    var auto_value = window[id + '_auto'];
    var hover_pause = window[id + '_hover'];
    var speed_value = window[id + '_speed'];
    var items_value = window[id + '_items'];
    auto_value = (auto_value === 'true') ? true : false;
    hover_pause = (hover_pause === 'true') ? true : false;
    jQuery('#' + id).owlCarousel({
        loop: true,
        autoHeight: true,
        smartSpeed: 750,
        autoplay: auto_value,
        autoplayHoverPause: hover_pause,
        autoplayTimeout: speed_value,
        checkVisibility:true,
        responsiveClass: true,
        items : 1,
        responsive: {
            0: {
                items: 1
            },
            1024: {
                items: items_value,
            }
        }
    });
    jQuery(this).on('mouseleave', function () {
        jQuery(this).trigger('stop.owl.autoplay');
        jQuery(this).trigger('play.owl.autoplay', [auto_value]);
    })
});

}

单击每个图像后，我就会看到图像列表，我正在显示带有差异设置图像的猫头鹰轮播。对于第一个图像单击，轮播正在运行，但是从第二次开始，轮播未显示。

当我调试代码时，我知道与owl插件相关的类没有添加html元素

在工作情况下，代码是这样的

在Issue问题中，代码是这样