Question

试图让光滑的旋转木马在wordpress中工作，我已将cdn中的文件排入队列，并且他们正在找ss of slick.js and css files结构在模板文件中使用，然后我在结束体之前接听电话标签，似乎找到所有文件，但滑块不能正常工作，是否有什么东西我做错了或wordpress干扰正常添加像这样？我不想使用插件，因为我想稍后对此进行扩展。

<div class="slider">
    <div>your content</div>
    <div>your content</div>
    <div>your content</div>
</div>

<script>
    $(document).ready(function(){
     $('.slider').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
      });
    });
</script>

Answer 1

在从CDN加载slickjs之前或之后是否调用了$( '.slider' ).slick...函数？你说光滑是在关闭身体标签之前加载。如果您在加载浮油之前（即在光滑的<script...>标记之前进行了调用，则无法正常工作。

你需要：

在调用之前移动slickjs以加载标题，或
加载slickjs后将代码移至底部。

虽然你在$( document ).ready...中调用它，但这意味着已经加载了所有DOM元素，但这并不一定意味着已经加载了所有外部脚本。文件/加载顺序仍然很重要，这可能是您的问题。

用于WordPress的光滑轮播

1 个答案: