重新加载页面后几秒钟后，光滑的滑块即可工作

Question

这是我的代码，请检查 - 重新加载页面一段时间后它可以工作，请帮助我

我试图在重新加载页面时获得光滑的滑块，但它仅在一段时间后才起作用

  $(document).ready(function() {
     $('.template-blog .mobile-tag-slider').slick({
          dots: false,
          infinite: true,
          arrows: false,
          slidesToShow: 4,
          slidesToScroll: 1,
          centerMode: true, 
          centerPadding: '90px',
          mobileFirst: true, 
          responsive: [
            {
              breakpoint: 600,
              settings: "unslick" 
            },
            {
              breakpoint: 769,
              settings: {
                arrows: false,
                slidesToShow: 4,
                slidesToScroll: 1
              }
            }
          ]
     });
   });

重新加载页面后，它会显示这样的一秒钟

然后一秒钟后就显示出来了，就像这样

Answer 1

文档就绪函数在浏览器中完全加载 DOM（文档对象模型）时执行。

删除此代码 ** $(document).ready(function() **

$('.template-blog .mobile-tag-slider').slick({
          dots: false,
          infinite: true,
          arrows: false,
          slidesToShow: 4,
          slidesToScroll: 1,
          centerMode: true, 
          centerPadding: '90px',
          mobileFirst: true, 
          responsive: [
            {
              breakpoint: 600,
              settings: "unslick" 
            },
            {
              breakpoint: 769,
              settings: {
                arrows: false,
                slidesToShow: 4,
                slidesToScroll: 1
              }
            }
          ]
     });

Answer 2

$('.develop-inner').slick({ 惰性加载：'按需'， 点：真实， 无限：真实， 速度：300， 幻灯片显示：1， 幻灯片滚动：1， 响应：[ { 断点：1024， 设置： { 幻灯片显示：1， 幻灯片滚动：1， 无限：真实， 点：真实 } }, { 断点：600， 设置： { 幻灯片显示：1， 幻灯片滚动：1 } }, { 断点：480， 设置： { 幻灯片显示：1， 幻灯片滚动：1 } } ] }); 这是代码，它的滑块添加了几分钟的字母，为什么