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/，您将在标题中看到滑块，一旦它淡入/旋转，它就会在框中显示活动颜色。但是在执行此操作之前，它需要旋转一次。

任何人都可以帮助我找到一种方法使它在网站加载时起作用，以便在网站加载时第一个选项卡处于活动状态。

任何帮助都会很棒：）

Answer 1

通过添加另一个类以将其加载到第一个块上来修复该问题，然后使用以下命令将其删除：

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

在功能内。

使.active类在滑块上加载时起作用

1 个答案: