Javascript 当页面完全加载时初始化滑动条

Javascript 当页面完全加载时初始化滑动条,javascript,jquery,html,css,slick.js,Javascript,Jquery,Html,Css,Slick.js,我使用Slick Slider在每张幻灯片中添加内容(文本和图像): 我怎样才能修好它?给你。将$(document.ready()替换为$(window.load()函数 <script type="text/javascript"> $(window).on('load', function() { $("#misresenas").slick({ arrows:false, autoplay:true }); }); &l

我使用Slick Slider在每张幻灯片中添加内容(文本和图像):


我怎样才能修好它?

给你。将
$(document.ready()
替换为
$(window.load()
函数

<script type="text/javascript">
  $(window).on('load', function() {
     $("#misresenas").slick({
       arrows:false,
       autoplay:true
     });
  });
</script>

$(窗口).on('load',function(){
美元(“#misresenas”)。光滑({
箭头:错,
自动播放:对
});
});

给你。将
$(document.ready()
替换为
$(window.load()
函数

<script type="text/javascript">
  $(window).on('load', function() {
     $("#misresenas").slick({
       arrows:false,
       autoplay:true
     });
  });
</script>

$(窗口).on('load',function(){
美元(“#misresenas”)。光滑({
箭头:错,
自动播放:对
});
});

这是正确的代码

#misresenas{display:none;}
#misresenas.slick-initialized{display:block;}

这是正确的代码

#misresenas{display:none;}
#misresenas.slick-initialized{display:block;}

添加css(如
.resena{display:inline block;}
)怎么样?添加css(如
.resena{display:inline block;}
)怎么样?我使用了这个选项,但在Chrome中加载它需要很多时间,在另一个浏览器中,如Firefox和Opera,它的加载速度更快。这可能是因为其他浏览器正在向您显示页面的缓存版本。基本上是
$(窗口)。on('load',function())
在文档完全加载时运行。请不要使用
$(窗口)。加载
就地使用
$(窗口)。在('load')
上,我已编辑了我的答案,请检查。我使用了此选项,但在Chrome中加载需要很多时间,在其他浏览器(如Firefox和Opera)中加载速度更快。这可能是因为其他浏览器正在向您显示页面的缓存版本。基本上是
$(窗口)。on('load',function())
在文档完全加载时运行。请不要使用
$(窗口)。加载
就地使用
$(窗口)。在('load')
上,我已编辑了我的答案,请检查。