Question

问题

我正在使用bxSlider作为“团队”页面的轮播，其中显示了3个团队成员。但是，bxSlider将最左侧的图像视为当前活动幻灯片，而不是中心的图像。

我尝试了什么

  onSlideBefore: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    $('.team-slider div').removeClass('active');
    $('.team-slider div').eq(currentSlideHtmlObject).addClass('active')
    var current = $('.team-slider div.active img').attr('id');
    $('#team-member').load('load_member.php?id='+current); 
  }

由于bxSlider的工作方式，它不是选择中心图像作为当前活动幻灯片，因此引入的数据不正确。为了使它正常工作，我的计划是向img添加一个id，然后使用currentSlideNumber，获取该id并使用它来加载内容，但我没有太多运气。

Answer 1

更加愚弄我，我在这里发布了几分钟就成功了。

道歉，对于遇到这个问题的其他人来说，工作代码如下。

onSlideBefore: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    $('.team-slider div').removeClass('active');
    $('.team-slider div').eq(currentSlideHtmlObject+1).addClass('active')
    var current = $('.team-slider div.active img').attr('id');
    $('#team-member').load('load_member.php?id='+current); 
  }

bxSlider jQuery获取当前幻灯片

1 个答案: