Div 未使用 .click(function() 完全加载，但在调整浏览器大小后加载

Question

我遇到了隐藏 div 由 .click(function().

触发时完全加载的问题

我研究了这个问题并尝试了 $(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(); 而不是制作动画，则会出现同样的问题。

Div 未使用 .click(function() 完全加载，但在调整浏览器大小后加载

Div not fully loading using .click(function() but does once browser is resized

jquery

loading