过去2天我一直在尝试,似乎无法找出解决方案.
我有上一个和下一个箭头用于导航(以及箭头键).但是现在我有一个时间表,我似乎不能使用div-id(正确的)“跳到”幻灯片？
所以例如,如果我想从第1节到第5部分,我想要点击我的第5节按钮,并跳转到该幻灯片.
滑块的时间轴出现在幻灯片2上.例如,我只在目标部分工作.
$('.slideshow-timeline a').click(function() {
var target_id = $(this).attr('href');
removeClasses();
$($(".tour-panel")[current]).addClass("fadeOutRight");
setTimeout(function() {
$(target_id).addClass("active-tour fadeInLeft");
},50);
setTimeout(function() {
$($(".tour-panel")[current]).removeClass("fadeOutRight");
},750);
current = target_id.split('-')[1] || 0;
});
但是由于某些原因,我有两个具体问题：
Problem 1: I click to go to a slide,then use arrow keys to go back ~ this causes me to jump back 2 slides.
Problem 2: I click to go to a slide,then use arrow keys to go forward ~ this breaks my slider and shows a white screen
我相信大部分的探索都在这一行代码中：
current = target_id.split(‘ – ‘)[1] || 0;
但我不是100％肯定需要你的帮助,我准备了一个非常基本的小提琴例子here.
我尝试过的一些事情是搞乱了split()变量,换掉了nextElement();和prevIoUsElement();我只是找不到有效的解决方案.
所有的帮助是非常感谢！
解决方法
看看那个小提琴：
https://jsfiddle.net/gjyswrr9/19/
问题在3个地方：
var prevIoUs = parseInt(current,10) - 1; var next = parseInt(current) + 1;
(他们是字符串,而不是int).
和
current = target_id.split('-')[1] - 1 || 0;
(您计算从1开始的链接)
希望它符合您的需要.
