Question

我正在尝试复制以下任何片段（简单的滑块）：

https://bootsnipp.com/user/snippets/n4lqn （他们在这里按预期工作）

当我尝试重现相同的代码（HTML，CSS，JS）时他们不会工作：

https://codepen.io/z-mike/pen/MLEmwp

我已经尝试了一段时间，我认为这是问题所在：当我删除时：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">

图像开始显示，但是它们不像第一个片段那样处于滑块模式，我使用相同的脚本，为什么它们不能以相同的方式工作？

这是它的外观：https://i.imgur.com/KCtVtaQ.png

Answer 1

除了您的CSS资产..您还需要将Javascript资产添加到笔中。.这是它工作的一个分支CODE PEN ..您需要更改{{ 1}}和其他周围的包装宽度和高度..但这是一个“有效的”演示。

所需资产：

CSS

CSS

JS

//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css

更新：

我在CSS的底部添加了以下几行，以帮助“显示”其按预期运行：

//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js
https://code.jquery.com/jquery-1.12.0.min.js
https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js

CSS链接使代码无法正常工作

1 个答案: