Я тестирую BxSlider на сайте во вкладках. BxSlider находится в первой вкладке Tab-1 и виден при загрузке страницы и работает нормально. Но как только я нажимаю на Tab-2 или Tab-3 и возвращаюсь к Tab-1, где расположен BxSlider. BxSlider застрял. Я не вижу никаких ошибок в консоли браузера, и мне нужно обновить страницу, чтобы снова запустить слайдер.
Мой код:
<div class="bxslider">
<div><img src="/assets/images/coffee1.jpg"></div>
<div><img src="/assets/images/coffee2.jpg"></div>
<div><img src="/assets/images/coffee3.jpg"></div>
<div><img src="/assets/images/coffee1.jpg"></div>
<div><img src="/assets/images/coffee2.jpg"></div>
<div><img src="/assets/images/coffee3.jpg"></div>
</div>
jQuery(document).ready(function($) {
$('.bxslider').bxSlider({
auto: true,
autoControls: true,
stopAutoOnClick: true,
pager: true,
slideWidth: 600
});
});