我如何在 symfony 4 中使用 owl 旋转木马？

Question

我正在做一个 symfony 项目，我需要在它上面包含一个 owl 旋转木马。我已经使用此命令 "yarn add owl.carousel jquery" 添加了 owl 轮播，我在 node_modules 文件夹中看到了 owl 轮播插件，但现在我不知道如何使用它。你能帮帮我吗？

我正在使用 webpack encore 压缩所有 javascript 和 CSS 文件。

如果您想了解 owl 轮播是如何进行的：https://owlcarousel2.github.io/OwlCarousel2/

Answer 1

因此请务必在页面中包含 Owl carrousel 插件的 javascript 和 css

（你需要 Jquery）

<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />

然后做你的旋转木马:

<div class="owl-carousel owl-theme">
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
  <div> Your Content </div>
</div>

然后用javascript调用插件：

$(document).ready(function(){
  $('.owl-carousel').owlCarousel();
});

我如何在 symfony 4 中使用 owl 旋转木马？

how can i use owl carousel with symfony 4?

symfony

owl-carousel-2