我需要一些关于Blaszok MPC主题的Wordpress网站的具体帮助。该网站位于http://testsite.vansompel.be
当向下滚动到“Promoties”选项卡并单击嵌套选项卡“Motoren”、“Tuinmachines”和“Fietsen”时,就会出现问题。只有第一个产品滑块(我的主题中包含的MPC产品滑块)似乎在页面加载时正确显示。单击其他选项卡时,其他产品滑块似乎不会加载。但是,当我调整浏览器大小时,它们会弹出。
在查看开发人员工具时,我发现类。caroufredsel\\u包装器显示以下css代码:
.caroufredsel_wrapper {
text-align: start;
float: none;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
width: 0px;
height: 0px;
margin: 0px 0px 0px -5px;
overflow: hidden;
display: block;
}
这里,当我调整屏幕大小时,宽度和高度属性仅从0更改为宽度:1108px和高度:331px。此外,帖子缩略图的宽度从0px变为237px。
我还尝试了“Nieuwkomers”选项卡上的WooCommerce产品列表,以供参考,在那里它们似乎都能正确加载,但这些产品滑块是否符合我的要求。
是否有任何方法可以正确加载不同选项卡上的所有滑块?
非常感谢!
最合适的回答,由SO网友:RiddleMeThis 整理而成
这不是最好的方法,但您可以强制调整事件的大小,实际上是强制显示选项卡。
$(window).trigger(\'resize\');
您可能希望在页面完全加载后执行此操作。
$(window).load(function(){
$(window).trigger(\'resize\');
});