猫头鹰旋转木马只显示一次 – 从第二次开始无法看到猫头鹰旋转木马,没有页面刷新

我正在使用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元素

在工作案例中代码是这样的

对于工作代码

在问题案例中,代码是这样的

如果是非工作案例代码是这样的