Javascript 返回jQuery动画书时，导航按钮不显示

我正在创建一本由精装本和页面组成的动画书，以呈现动画书效果

第二，我决定添加额外的功能，即在“动画书”页面的每一侧添加导航按钮。这是为了通知用户他们可以翻阅页面。此外，它还用于通过移除相应的导航按钮来通知用户是否已到达“动画书”的末尾：

1.）在“动画书”的第一页，仅显示右导航按钮，而隐藏左导航按钮

2.）将显示左侧按钮上的最后一页，同时隐藏右侧按钮

问题：

我已成功为“动画书”创建了导航按钮，在导航按钮的第一页上，左按钮隐藏，右按钮显示；在“动画书”的最后一页上，右按钮隐藏，左按钮显示

但是，问题出现在以下情况下：

1.）用户决定从最后一页返回，右箭头仍然隐藏。正确的行为应该是，当用户从最后一页返回时，应立即显示两个导航箭头

2.）当用户导航回第一页时，右箭头按钮仍然隐藏，而左导航箭头按钮仍然显示。正确的行为应该是显示右导航箭头，而隐藏左导航箭头

因此，我想寻求帮助，如何纠正此错误？？谢谢

函数FlipbookPage（）{
$（“#动画书”）。翻({
宽度：400，
身高：300，
海拔：130，
//设置首页
页码：1，
//设置动画书的页数
页码：11，
自动中心：错误
自动中心：真
});
}
功能检查页（第页）{
如果（$（“#动画书”）.turn（“page”）>1和（$（“#动画书”）.turn（“page”）<11）{
//如果我们当前所在的页面不是第一页，请显示“后退”按钮
$（“#LeftSide”）.removeClass（“隐藏”）；
console.log（“显示左侧”）；
}否则如果（$（“#动画书”）。翻页（==11）{
//如果我们所在的页面是最后一页，请隐藏“下一步”按钮
$（“#右侧”）.addClass（“隐藏”）；
console.log（“右侧隐藏”）；
}
}
函数NextSlide（）{
检查页（$（“#动画书”）。翻（“下一页”）；
控制台日志（“下一步”）；
}
函数PreviousSlide（）{
检查页（$（“#动画书”）。翻（“上一页”）；
控制台日志（“以前”）；
}

正文{
溢出：隐藏；
}
#动画书{
宽度：400px；
高度：300px；
}
#左边{
位置：绝对位置；
填充：0；
保证金：0；
顶部：0px；
左：0px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
#右侧{
位置：绝对位置；
填充：0；
保证金：0；
顶部：0px；
左：150px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
#动画书，第页{
宽度：400px；
高度：300px；
背景色：白色；
线高：300px；
字体大小：20px；
文本对齐：居中；
}
.隐藏{
显示：无；
}
#动画书。页面包装{
-webkit透视图：2000px；
-moz透视图：2000px；
-ms透视图：2000px；
-o-透视图：2000px；
透视图：2000px；
}
#动画书，硬的{
背景：#ccc！重要；
颜色：#333；
-webkit盒阴影：插图0 0 5px#666；
-moz盒阴影：插入0 0 5px#666；
-o形盒阴影：插入0 5px#666；
-ms盒阴影：插入0 0 5px#666；
框阴影：插入0 0 5px#666；
字体大小：粗体；
}
#动画书，奇怪{
背景：-webkit渐变（线性、右上、左上、颜色停止（0.95，#FFF）、颜色停止（1，#DADADA））；
背景图片：-webkit线性渐变（右，#FFF 95%，#C4100%）；
背景图像：-莫兹线性梯度（右，#FFF 95%，#C4100%）；
背景图像：-ms线性梯度（右，#FFF 95%，#C4100%）；
背景图像：-o-线性梯度（右，#FFF 95%，#C4100%）；
背景图像：线性梯度（右，#FFF95%，#C4100%）；
-webkit盒阴影：插图0 0 5px#666；
-moz盒阴影：插入0 0 5px#666；
-o形盒阴影：插图0 0 5px#666；
-ms盒阴影：插入0 0 5px#666；
框阴影：插入0 0 5px#666；
}
#动画书，甚至{
背景：-webkit渐变（线性、左上、右上、颜色停止（0.95，#fff）、颜色停止（1，#dadada））；
背景图像：-webkit线性渐变（左，#fff 95%，#dadada 100%）；
背景图像：-moz线性梯度（左，#fff 95%，#dadada 100%）；
背景图像：-ms线性梯度（左，#fff 95%，#dadada 100%）；
背景图像：-o-线性梯度（左，#fff 95%，#dadada 100%）；
背景图像：线性梯度（左，#fff 95%，#dadada 100%）；
-webkit盒阴影：插图0 0 5px#666；
-moz盒阴影：插入0 0 5px#666；
-o形盒阴影：插图0 0 5px#666；
-ms盒阴影：插入0 0 5px#666；
框阴影：插入0 0 5px#666；
}

Turn.js
第1页
第2页
第3页
第4页

可能是这样的：

功能检查页（第页）{
如果（$（“#动画书”）。翻页（==1）{
//如果我们当前所在的页面是第一页，请隐藏“后退”按钮
$（“#LeftSide”）.addClass（“隐藏”）；
}否则{
//如果我们在任何其他页面上，请显示“后退”按钮
$（“#LeftSide”）.removeClass（“隐藏”）；
}
如果（$（“#动画书”）。翻页（==11）{
//如果我们所在的页面是最后一页，请隐藏“下一步”按钮
$（“#右侧”）.addClass（“隐藏”）；
}否则{
//如果我们在任何其他页面上，请显示“下一步”按钮
$（“#右侧”）.removeClass（“隐藏”）；
}
}

似乎与引导有冲突。从页面中删除引导css时，右导航按钮将按预期显示。禁用引导可能不是一个令人满意的解决方案，但这一发现可能是解决问题的起点。

mean