0

问题

我使用 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 并使用它来加载内容，但我对此没有太多运气。

4

1 回答 1

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); 
  }
于 2013-06-07T12:56:16.380 回答