Javascript 页面转换后，Owl转盘未呈现 1. 2. 3. 4. 5. 6. var owl=$（“#owl demo”）； 猫头鹰旋转木马({ 项目名称：[ [0, 5], [450, 5], [600, 5], [700, 5], [1000, 5] ], 滚动页面：对 });

第一次正确加载和渲染旋转木马时。我面临的问题是，在Cordova项目中的页面转换时，它没有在相应的页面中加载/呈现。

您调试过它吗？尝试添加一些

console.log（'got here'）

在

owl.owlCarousel

之外，检查javascript是否在每个页面中重新运行。甚至可以尝试使用owl并使用那里的

console.log（）

。甚至可以尝试使用

console.log（$（“#owl demo”））

来确保元素出现在它应该出现的地方。我怀疑您的问题是javascript没有在每个页面转换中运行。如果是这样，你需要将代码添加到“页面转换”中。我正在为手机使用这个插件。首先，当我进行转换时，插件css工作正常，插件css和html没有附加在转换页面上。

<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>

<div id="owl-demo" class="owl-carousel owl-theme">
<div><h1>1</h1></div>
<div><h1>2</h1></div>
<div><h1>3</h1></div>
<div><h1>4</h1></div>
<div><h1>5</h1></div>
<div><h1>6</h1></div>
</div>
<script>

var owl = $("#owl-demo");

owl.owlCarousel({
 itemsCustom : [
                   [0, 5],
                   [450, 5],
                   [600, 5],
                   [700, 5],
                   [1000, 5]
                   ],
                   scrollPerPage : true
});


</script>