gpt4 book ai didi

jquery - Flexslider 最初隐藏时无法正常工作

转载 作者:行者123 更新时间:2023-12-03 22:51:56 24 4
gpt4 key购买 nike

最初我隐藏了我的flexslider,直到用户单击链接,然后它才会打开。但由于某种原因, slider 显示后无法工作,直到我调整浏览器窗口,这很奇怪!当我不隐藏 flexslider 时,它工作得很好。下面是我用来打开和关闭 Flex slider 的 CSS、HTML 和 jquery。任何熟悉弹性 slider 的人都知道为什么会发生这种情况?谢谢!

CSS

section#hotspots .dropdown-area {   
width: 100%;
float: left;
display: none;
}

HTML

<h1>Hot Spots <span class="toggle-button"></span></h1>

<section class="dropdown-area">
<div class="flex-container">
<div class="flexslider" id="secondary-slider">
<ul class="slides">
<li><img src=
"%3C?php%20bloginfo('template_directory');%20?%3E/images/212/Portland-1.jpg"></li>

<li><img src=
"%3C?php%20bloginfo('template_directory');%20?%3E/images/212/Portland-2.jpg"></li>

<li><img src=
"%3C?php%20bloginfo('template_directory');%20?%3E/images/212/Portland-3.jpg"></li>
</ul>

<ul class="flex-control-nav">
<li>
<a href="">LOLA COFFEE</a> /
</li>

<li>
<a href="">PUBLIC MARKET CAFE</a> /
</li>

<li>
<a href="">MATT'S BIG BREAKFAST</a> /
</li>
</ul>
</div><!--End Flexslider-->
</div><!--End Flex-container-->
</section>

JS

$(window).load(function() {
$("#hotspots .toggle-button").click(function() {
$("#hotspots .dropdown-area").slideToggle("slow");
$("#hotspots span").toggleClass("toggle-button close");
});
});

最佳答案

对我来说,工作是在 Accordion /折叠的点击事件上调整 .flexslider 的大小

$('.acordeon-trigger').click(function () {
// here all your accordion stuff
$('.flexslider').resize(); // this is it
});

关于jquery - Flexslider 最初隐藏时无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18785225/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com