bxslider вычисляет неверный размер области просмотра при загрузке
Во всяком случае, я недавно начал использовать bxslider, и у меня возникла проблема с ним.
Кажется, он неправильно вычисляет размер области просмотра при загрузке страницы, а это значит, что он плохо работает на мобильных устройствах, планшетах и т. Д.
Странно то, что когда я изменяю размер окна браузера (даже на пиксель), высота окна просмотра рассчитывается правильно, и все выглядит хорошо. Но если бы я обновил страницу с той же высотой и шириной, bx-viewport не был бы правильно рассчитан.
Есть идеи, почему это происходит?
HTML выглядит примерно так (и да, я знаю, что он, вероятно, не имеет к этому никакого отношения, но все же):
<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, 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>
</ul>
JS Call выглядит так:
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();
});
Благодарю.