Swiper Slider 在标签 wordpress elementor 中不起作用

如何解决Swiper Slider 在标签 wordpress elementor 中不起作用

我正在尝试在 Elementor wordpress 的某些选项卡中加载轮播 (swiper slider)。在单击选项卡之前，轮播效果很好，但是每当我单击选项卡时，轮播画面都会显示但不会“滑动”。
我看到了一些关于这个主题的问题并尝试了他们的解决方案，但没有运气。
现在，我正在 (child-theme/function.PHP) 中尝试此代码，这给了我一个错误：

错误 ->“未捕获的类型错误：无法读取未定义的属性 'params'”

add_action('wp_footer','swiperCarousel',9999999999);
function swiperCarousel() {
    ?>
    <script>
var refreshSliders = function(){

        jQuery( ".swiper-container" ).each(function( index ) {
            swiperInstance = jQuery(this).data('swiper');
            swiperInstance.params.observer = true;
            swiperInstance.params.observeParents = true;
            swiperInstance.update();
        });

}

window.onload = function()
{
    console.log('Document loaded');
   
   jQuery("#aws-carousel-switcher").on("click",function(){ 
       console.log('Tab has been clicked');
            var $this = jQuery(this);
    
    refreshSliders();
    
    jQuery('html,body').animate({
                        scrollTop: $this.offset().top - 220
                    },500); 

        
    });
}
    </script>
    <?PHP
}

错误是从这一行产生的：

 swiperInstance.params.observer = true;

解决方法

这对你有用。

{
    "id":1,"url":"mysite.com","views":
     [
       {"ip":"1.1.1.1","date":ISODate("2015-03-13T13:34:40.0Z")},{"ip":"2.2.2.2",{"ip":"1.1.1.1","date":ISODate("2015-02-13T13:34:40.0Z")},"date":ISODate("2015-02-13T13:34:40.0Z")}
     ]
},{
    "id":2,"url":"mysite2.com","date":ISODate("2015-06-13T13:34:40.0Z")},"date":ISODate("2015-08-13T13:34:40.0Z")},"date":ISODate("2015-11-13T13:34:40.0Z")},"date":ISODate("2015-11-13T13:34:40.0Z")}
     ]
}

选择您各自的标签选择器。