javascript - 将 Owl Slider 与 WordPress 默认库结合使用

Question

由于我无法覆盖的原因，我被迫为我的网站使用 WordPress 的默认图库添加功能。

我正在尝试使用 Owl Slider 来控制我的帖子中的“产品评论”部分。

但是，Owl Slider 和 jQuerySlider 2 似乎都适用于 <div> 所使用的元素。项目。

有没有办法让 Owl Slider 使用 <dl><dt>+<dd>元素？

我需要让它看起来像左边的产品图片，右边的描述，我可以使用 CSS 轻松控制，但我需要确保 Owl Slider 能够与上面的元素一起使用。通过 JavaScript 更改 Gallery 的 html 输出也不是一个选项，因为我的高级开发人员讨厌使用任何可以避免的 JavaScript。

使用代码

jQuery(function(){
  jQuery(".gallery").owlCarousel({
    items                   : 1,
    singleItem              : true,
    autoHeight              : true,
    transitionStyle         : "fade",
    stopOnHover             : true,
    pagination              : true,
    responsive              : true,
    responsiveBaseWidth     : window

  });
});

我可以让它换行，但是它会连续显示每个画廊项目。我无法链接到该页面，因为它位于开发网站上。

谢谢!

Answer 1

最终能够添加:

jQuery(".entry-content .gallery").addClass( 'owl-carousel owl-theme');
jQuery(".entry-content .gallery").owlCarousel( {
        items                   : 1,
        singleItem              : true,
        autoHeight              : true
} );

其他一切都包括在内。

这允许调整 Owl-Slider 的高度。我能够将其添加到我的 .js 文件中，以便在任何具有 WordPress Gallery 的单帖子页面上调用它。

此外，我没有正确链接 .css 文件。