javascript - 未捕获的类型错误 : Cannot use 'in' operator to search for 'length' in true at s jQuery/WordPress

Question

我正在从头开始创建 WordPress 主题并收到以下错误，并且使用 Owl Carousel 创建的 slider 无法正常工作。我在 WordPress 中使用内置的 jQuery。如果我切换主题没有控制台错误。另外，我暂时没有使用任何插件。

请告诉我如何解决这个问题。

注意这是我使用的代码

jQuery(function($) {
    $(function() {
        var timer = !1;
        _Ticker = $("#T1").newsTicker();
        _Ticker.on("mouseenter",function(){
            var __self = this;
            timer = setTimeout(function(){
                __self.pauseTicker();
            },200);
        });
        _Ticker.on("mouseleave",function(){
            clearTimeout(timer);
            if(!timer) return !1;
            this.startTicker();
        });
    });
});

jQuery(function($) {
    $(window).scroll(function(event) {
        var scroll = $(window).scrollTop();
        if (scroll >= 50) {
            $(".go-top").addClass("show");
        } else {
            $(".go-top").removeClass("show");
        }
    });

    $('a').click(function() {
        $('html, body').animate({
            scrollTop: $( $(this).attr('href') ).offset().top
        }, 1000);
    });

$('.owl-carousel-bottom').owlCarousel({
    loop:true,
    margin:10,
    autoplay:true,
    autoplayHoverPause:true,
    smartSpeed: 1500,
    autoplayTimeout:1500,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
});

$("#owl-demo").owlCarousel({

    //nav:true,
    autoplayHoverPause:true,
    smartSpeed: 1500,
    autoplayTimeout:1500,
    loop:true,
    autoplay:true,
    responsive:true,
    items : 1,
    itemsDesktop : false,
    itemsDesktopSmall : false,
    itemsTablet: false,
    itemsMobile : false

});
});


function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}

JS 入队脚本

        wp_register_script( 'bootstrap-script', get_template_directory_uri() . '/assets/js/bootstrap.min.js' );
    wp_register_script( 'popper-script', get_template_directory_uri() . '/assets/js/popper.min.js' );
    wp_register_script( 'owl-carousel', get_template_directory_uri() . '/assets/js/owl.carousel.min.js' );
    wp_register_script( 'tickerNews-script', get_template_directory_uri() . '/assets/js/jquery.tickerNews.min.js' );
    wp_register_script( 'common-script', get_template_directory_uri() . '/assets/js/common.js' );

    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'bootstrap-script' );
    wp_enqueue_script( 'popper-script' );
    wp_enqueue_script( 'owl-carousel' );
    wp_enqueue_script( 'tickerNews-script' );
    wp_enqueue_script( 'common-script' );

提前致谢

Answer 1

我最近遇到了同样的问题，并将其追溯到 responsive:true 参数。一旦我删除了它，一切都会正常工作。

通常 .length 错误与循环有关。 responsive 选项将一个充满对象的对象作为参数，而不是 bool 值。

对于我自己来说，这个错误只发生在从 jQuery 1.7.1 更新到 1.12.4

之后

$("#owl-demo").owlCarousel({

    //nav:true,
    autoplayHoverPause:true,
    smartSpeed: 1500,
    autoplayTimeout:1500,
    loop:true,
    autoplay:true,
    // responsive:true, <-- there's the problem.
    items : 1,
    itemsDesktop : false,
    itemsDesktopSmall : false,
    itemsTablet: false,
    itemsMobile : false

});