Javascript 当用户返回浏览页面时，“动画书”中的导航按钮不起作用

我用turnjs插件创建了一个动画书内容。此外，我还添加了两个导航按钮，以帮助用户更好地浏览动画书；左箭头（上一张幻灯片）、右箭头（下一张幻灯片）

此外，我还为“动画书”中导航箭头的实现设置了以下功能：

1.）对于动画书的第一页，仅显示右箭头，而隐藏左箭头

2.）后续页面将同时显示箭头、左箭头和右箭头

3.）当用户导航到最后一页时，右箭头将隐藏，仅显示左箭头

4.）当用户从最后一页返回时，因此，在最后一页返回到上一页之后，两个箭头都应显示

5.）当用户导航回第一页时，左箭头将隐藏，只有右箭头将显示

因此，以下功能定义了“动画书”中导航按钮的行为

问题：

我可以设置导航按钮的功能特性，直到特性3）。因此，问题源于特性4。因此，在用户导航到最后一页并决定从最后一页返回后，右箭头将保持隐藏状态。其次，用户导航回第一页后，右箭头仍然隐藏，而左箭头仍然显示

因此，我想问一下如何解决以下问题

代码：

函数模型（）{
$（“U型动画书”）。翻({
宽度：1920，
身高：1080，
海拔：130，
//设置首页
页码：1，
//设置动画书的页数
页码：11，
自动中心：错误
});
}
功能模型检查页（第页）{
如果（$（“#模型#动画书”）。翻页（“第页”）>1&$（“#模型#动画书”）。翻页（“第页”）<11页）{
//如果我们当前所在的页面不是第一页，请显示“后退”按钮
$（“#Model_LeftSide”）.removeClass（“隐藏”）；
}否则如果（$（“#模型"动画书”）。翻（“第页”）==11）{
//如果我们所在的页面是最后一页，请隐藏“下一步”按钮
$（“#Model_RightSide”）.addClass（“隐藏”）；
}
}
函数NextSlide（）{
ModelCheckPage（$（“#Model_动画书”）。翻（“下一页”）；
控制台日志（“下一步”）；
}
函数PreviousSlide（）{
ModelCheckPage（$（“#Model_动画书”）。翻（“上一页”）；
控制台日志（“以前”）；
}

#型号#左侧{
位置：绝对位置；
填充：0；
保证金：0；
顶部：0px；
左：0px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
#模型_右侧{
位置：绝对位置；
填充：0；
保证金：0；
顶部：0px；
左：150px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
.隐藏{
显示：无；
}

//…（多页翻页内容）。。。。。