Как подружить bxslider и владки jquery?

Question

[Борис Манжела]

Суть проблемы: не работает bxslider во вкладке. В активной (первой норм), в остальных - не работает: показывается только навигация по кадрам (paging) и кнопки влево-вправо
Даже разные ID использовал, отдельно объявлял.
Кто-то даже решение давал (https://toster.ru/answer?answer_id=350593#answers_list), но как его применить - не понимаю.

Код странички:

<div class="slider4">
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
  <div class="slide"><img src=""></div>
</div>

Объявление в js:

$(document).ready(function(){
  $('.slider4').bxSlider({
    slideWidth: 300,
    minSlides: 2,
    maxSlides: 3,
    moveSlides: 1,
    slideMargin: 10
  });
});

Answer 1

[kafeuri1]

minSlides: 2,
maxSlides: 3,
Вот тут наверное все же нужно maxSlides: 6, хотя бы
и попробовать ...

Comments

[Борис Манжела]

от к-ва слайдов ничего не меняется (

[kafeuri1]

slider = $('.slider4').bxSlider();
slider.reloadSlider();
В конец функции

[kafeuri1]

можно просто slider4.reloadSlider();

[kafeuri1]

$(document).ready(function(){
$('.slider4').bxSlider({
slideWidth: 300,
minSlides: 2,
maxSlides: 3,
moveSlides: 1,
slideMargin: 10
});
}
slider4.reloadSlider();
);

[kafeuri1]

прямо в консоли попробовать

[Борис Манжела]

нет ((

$(document).ready(function(){
$('.slider4').bxSlider({
slideWidth: 300,
minSlides: 2,
maxSlides: 3,
moveSlides: 1,
pager:false,
slideMargin: 10
});
slider = $('.slider4').bxSlider();
slider.reloadSlider();
});

такое не помогает ((

[Борис Манжела]

Как подружить bxslider и владки jquery? - решение с slider4.reloadSlider(); выводит только содержение всех слайдов без оформления.

[Борис Манжела]

habrastorage.org/files/988/12a/672/98812a6726aa46e... - вот результат