我该如何在Symfony 4中使用猫头鹰旋转木马？

Question

我正在做一个symfony项目，我需要在其上包括一个猫头鹰传送带。我已经使用此命令“ yarn add owl.carousel jquery”添加了owl carousel，我在node_modules文件夹中看到了owl carousel插件，但是现在我不知道该如何使用它。 你能帮我吗？

我正在使用Webpack Encore压缩所有JavaScript和CSS文件。

                                   

如果您想看看，猫头鹰轮播的工作原理如下：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();
});