javascript - 使 .active 类在滑块上加载

Question

我有一个滑块，在我正在处理的这个站点上，它在这里使用此代码来初始化滑块：

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/你会看到标题中的滑块，一旦它淡出/旋转，它就会在框中获得活动颜色..但它需要在它之前旋转一次做这个。

谁能帮我想出一种方法来让它在网站加载时工作，以便在网站加载时第一个选项卡处于活动状态。

任何帮助都会很棒:)

标签： javascripthtmlcsswordpressflexslider

Answer 1

通过添加另一个类来加载第一个块，然后使用以下方法将其删除来修复它：

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

函数内。