猫头鹰旋转木马未显示在 Elementor 实时预览中

Question

我正在开发一个 WordPress 网站。有几个部分是我用 Owl Carousel js 插件制作的。我正在使用适用于 WordPress 的 Elementor 页面构建器开发此网站。它在站点预览中工作正常，但在 Elementor 实时预览（在编辑模式下）中不显示。

请帮我提供解决方案。

谢谢。

Answer 1

我知道有点晚了，但我也遇到了同样的问题。

问题是 owl 函数在错误的时间被调用。（我假设在页面加载时）。

只需在渲染函数末尾调用 owl carousel 即可，它应该可以工作。

就像这样：

...

protected function render()
{
  ...

  if (is_admin())
  {
    echo "<script>$('.owl-carousel').owlCarousel();</script>";
  }
}