javascript - 使 .active 类在 slider 上加载

标签 javascript html css wordpress flexslider

我正在使用的网站上有一个 slider ,它在此处使用此代码来初始化 slider :

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');
    }
  });
});

问题似乎是,整个 slider 需要在 .active 启动之前实际旋转一次。网址在这里:http://146.66.102.90/~amyb6060/您会在标题中看到 slider ,一旦它淡出/旋转,它就会在框中获得事件颜色。但它需要旋转一次才能执行此操作。

任何人都可以帮我找到一种方法让它在网站加载时工作,以便第一个选项卡在网站加载时处于事件状态。

任何帮助都会很棒 :)

最佳答案

通过添加另一个类加载到第一个 block 上然后让它自己删除来修复它:

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

在函数内。

关于javascript - 使 .active 类在 slider 上加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52737969/

相关文章:

javascript - ngFor 中组件的无效动画

javascript - 实现延迟的 jquery 更改事件处理程序

html - 如何使链接仅在文本上可点击

html - 什么是 dpuf(扩展名)文件?

JavaScript 目标。

JavaScript 和隐藏 div 不起作用

javascript - 具有自动完成功能的搜索栏,用于搜索 JavaScript 数组/对象(非 Ajax)中的数据

javascript - 事件源并不代表每个客户端/ session 的信息

jquery - 最后一节课如何穿搭?

jquery - 为什么类样式未应用于按钮