无论如何,我最近开始使用bxslider,我有一个问题。
@H_403_2@似乎在页面加载时错误地计算其视口大小,这意味着它在移动设备,平板电脑等上不能正常工作。
@H_403_2@奇怪的是,当我调整浏览器的窗口大小(甚至只是一个像素)时,视口高度得到正确的计算,一切都看起来不错。但是如果我刷新具有相同高度和宽度的页面,则无法正确计算bx-viewport。
@H_403_2@任何想法为什么会发生这种情况?
@H_403_2@HTML看起来像这样(是的,我知道它可能没有任何关系,但仍然):
@H_403_2@js调用看起来像:
- <ul class="seminars-slider">
- <li>
- <article class="education-article">
- <h3><a href="#"> Sit tincidunt eros massa,lundium ultrices,sit in aliquet velit</a></h3>
- <p>LOL1</p>
- <div class="buttons">
- <a href="#" class="book-button"><span>Book now</span></a>
- <a href="#" class="read-more"><span>Read more</span></a>
- </div>
- <div class="clearall"></div>
- </article>
- <div class="clearall"></div>
- </li>
- // same li
- <li>
- <article class="education-article">
- <h3><a href="#"> Sit tincidunt eros massa,sit in aliquet velit</a></h3>
- <p>LOL1</p>
- <div class="buttons">
- <a href="#" class="book-button"><span>Book now</span></a>
- <a href="#" class="read-more"><span>Read more</span></a>
- </div>
- <div class="clearall"></div>
- </article>
- <div class="clearall"></div>
- </li>
- </ul>
@H_403_2@谢谢。
- slider=jQuery('.seminars-slider').bxSlider({
- mode: 'vertical',controls:false,pager:false,minSlides:2,maxSlides:2,moveSlides:1
- });
- jQuery('.up-control').click(function() {
- slider.goToNextSlide();
- });
- jQuery('.down-control').click(function() {
- slider.goToPrevSlide();
- });