заставить класс .active работать при загрузке на слайдере - PullRequest
Новая
       11

заставить класс .active работать при загрузке на слайдере

0 голосов
/ 10 октября 2018

У меня есть слайдер, который находится на этом сайте, над которым я работаю, и он использует этот код здесь для инициализации слайдера: 

jQuery(function() {
  jQuery(".rslides").responsiveSlides({
    timeout: 8000,
    after: function () {
      var $active = jQuery('.banner-slider ul.slides li.rslides1_on');
      var id = $active.attr('id');
      id = id.split('_')[1];
      id = id.replace('s', '');
      id = parseInt(id, 10) + 1;
      $('ul.ui-tabs-nav li a').removeClass('active');
      $('.slidetab-' + id + ' a').addClass('active');
    }
  });
});

Кажется, проблема в том, что весь слайдер должен на самом делеповерните один раз до запуска .active.URL-адрес здесь: http://146.66.102.90/~amyb6060/, и вы увидите ползунок в заголовке, как только он исчезнет / повернется, он получит активный цвет в блоке ... Но ему нужно один раз повернуть, прежде чем он это сделает.

Может ли кто-нибудь помочь мне найти способ заставить это работать при загрузке сайта, чтобы первая вкладка была активной при загрузке сайта.

Любая помощь будет полезна:)

1 Ответ

0 голосов
/ 11 октября 2018

Исправлено, добавив еще один класс для загрузки в первый блок и затем заставив его удалить себя, используя: 

 $('ul.ui-tabs-nav li.slidetab-1 a').removeClass('purpleload');

внутри функции.

...