WP Widgets选择性刷新和猫头鹰轮播问题

Question

我正在尝试添加轮播，猫头鹰脚本，我也在小部件中使用选择性刷新。

每个小部件都是一个轮播项目/幻灯片，我在添加小部件时让轮播重新初始化，问题是当我移动这些小部件时我无法更改项目位置。

脚本如下所示：

$( document ).ready(function() {
        var newCarousel = $('carousel');
        newCarousel.owlCarousel({
            responsiveClass:true,

            responsive:{
                0:{
                    items:1,
                    nav:true
                },
                600:{
                    items:2,
                    nav:false
                },
                1000:{
                    items:4,
                    nav:true,
                    loop:false
                }
            }
        });

        $('.next').click(function(event) { event.preventDefault(); newCarousel.trigger('next.owl.carousel', [200]); });
        $('.prev').click(function(event) { event.preventDefault(); newCarousel.trigger('prev.owl.carousel', [200]); });

        if ( 'undefined' !== typeof wp && wp.customize  ) {
            wp.customize.selectiveRefresh.bind( 'sidebar-updated', function( sidebarPartial ) {
                if ( 'sidebar-id' === sidebarPartial.sidebarId ) {
                        newCarousel.data('owlCarousel').destroy();
                        newCarousel.removeClass('owl-carousel owl-loaded');
                        newCarousel.find('.owl-stage-outer').children().unwrap();
                        newCarousel.removeData();
                        newCarousel.owlCarousel();
                }
            });
        }
    });

提前致谢！