猫头鹰轮播不适用于 chrome 中的下一个 js 应用程序

问题描述

Owl carousel 在 chrome 中不适用于 NextJS 应用程序，但在 Firefox 中运行良好。这是脚本 -

// nextjsapp/pages/own.js

import React from 'react'
import Head from 'next/head'

function OwlCarousel() {
    return (
      <div id="wrapper">
        <div className="owl-carousel">
          <div> Your Content1 </div>
          <div> Your Content2 </div>
          <div> Your Content3 </div>
          <div> Your Content4 </div>
          <div> Your Content5</div>
          <div> Your Content6 </div>
          <div> Your Content7</div>
        </div>


        <Head>
            <link rel="stylesheet" href="/css/owl.carousel.min.css" />
            <link rel="stylesheet" href="/css/owl.theme.default.min.css" />                 
        </Head>

      <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
      <script src="/js/owl.carousel.min.js"></script>
      <script src="/js/custom.js"></script>

    </div>
    )
}

export default OwlCarousel;

// nextjsapp/public/js/custom.js

$(document).ready(function() {
  $('.owl-carousel').owlCarousel({
    loop: true,rewind:true,margin: 35,nav:true,autoplay:true,})
})

Chorme 输出：https://prnt.sc/10enqpu（不工作） Firefox 输出：https://prnt.sc/10enruc（工作）

owl.carousel 版本：Owl Carousel v2.3.4 jQuery 版本：jQuery v2.2.4

您能否帮助解决导致 Chrome 无法正常工作的问题的原因？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

owl-carousel