Jquery 带箭头的滑块
我正在创建一个滑块,它与来自zurb的轨道滑块一起运行。这里的要点是我想用一组导航箭头控制两个幻灯片。。。下面是我要添加到orbit的内容。下一个函数: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我真的不知道轨道滑块,但我想我能帮上忙,以下
$('.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);
}
});