Jquery 带箭头的滑块

Jquery 带箭头的滑块,jquery,slider,zurb-foundation,orbit,Jquery,Slider,Zurb Foundation,Orbit,我正在创建一个滑块,它与来自zurb的轨道滑块一起运行。这里的要点是我想用一组导航箭头控制两个幻灯片。。。下面是我要添加到orbit的内容。下一个函数: $('.description > p:visible') .fadeOut(500) .next() .fadeIn(500) .end() .appendTo('.description'); 这是下一个箭头的代码,但如何调整此代码,使其也适用于上一个箭头 谢谢 Ben我真的不知道轨道滑块,但我想我能帮上忙,以下

我正在创建一个滑块,它与来自zurb的轨道滑块一起运行。这里的要点是我想用一组导航箭头控制两个幻灯片。。。下面是我要添加到orbit的内容。下一个函数:

$('.description > p:visible')
  .fadeOut(500)
  .next()
  .fadeIn(500)
  .end()
  .appendTo('.description');
这是下一个箭头的代码,但如何调整此代码,使其也适用于上一个箭头

谢谢

Ben

我真的不知道轨道滑块,但我想我能帮上忙,以下是我到目前为止得到的信息

$('.description p:last-fo-type')
  .fadeOut(500)
  .prev()
  .fadeIn(500)
  .end()
  .prependTo('.description');
如果我误解了什么,请告诉我。所以我可以做必要的修正


祝你好运。

我已经想好了

  this.$element.bind('orbit.next', function () {
    self.shift('next');

    if ($('.description > p:visible').is(':not(:last-of-type)')) {
      $('.description > p:visible').fadeOut(500).next().fadeIn(500);
    } else {
      $('.description > p:visible').fadeOut(500);
      $('.description > p:first').fadeIn(500);
    }
  });

  this.$element.bind('orbit.prev', function () {
    self.shift('prev');
    if ($('.description > p:visible').is(':not(:first-of-type)')) {
      $('.description > p:visible').fadeOut(500).prev().fadeIn(500);
    } else {
      $('.description > p:visible').fadeOut(500);
      $('.description > p:last').fadeIn(500);
    }
  });