Div没有使用.click（function（）完​​全加载，但是一旦浏览器调整大小

Question

网站 http://mgaco.com/newhome/

由于.click（function（））触发了隐藏div完全加载的问题。

我已经研究了这个问题，并尝试了$（document）.ready（function（）和window.onload。两者都没有解决我的问题。

注意：在调整浏览器大小时，div会正确显示。或等待几秒后间歇性显示。

显示代码

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

触发代码

<script>

$(".client-logo-container").hide();
$(".work-button").click(function(){
$(".client-logo-container").slideToggle(1000);
});
</script>

感谢您的帮助。

Answer 1

我认为问题只是您正在使用的Slick库。从我的（有点极小的）测试开始，每次幻灯片更改或页面调整大小时，它似乎都会更新其布局。您可能希望div可见（display: block或其他），但高度为0。

如果您只是运行$(".client-logo-container").show();而不是动画，则会出现同样的问题。