Javascript 动画书未显示并显示错误

功能：

用户可以在“动画书”周围导航，退出“动画书”后，可以从菜单中重新进入“动画书”，并继续在“动画书”中导航；每当用户从主菜单进入“动画书”时，“动画书”将重置为第一页

已完成的操作：

从插件制作了一本动画书。我还添加了一个后退按钮，允许用户将“动画书”退出到菜单，以及“动画书”中允许用户浏览“动画书”的导航按钮

问题：

当用户重新进入“动画书”时，页面为空白，我无法翻转“动画书”，但是对于我能够翻转的实例，“动画书”的页面仍然为空白。调试时，将显示以下错误：

turn.js:1260 Uncaught TypeError:无法读取未定义的属性“data” 下面的turn.js行以星号突出显示：

因此，我想问一下如何纠正这个问题。非常感谢您的帮助。谢谢

代码：

函数模型（）{
控制台日志（“模型”）；
$（“U型动画书”）。翻({
宽度：1920，
身高：1080，
海拔：130，
自动中心：false，
});
}
函数PreviousPage（）{
console.log（“生命历程”）；
$（“#模型#动画书”）.load（“Stories.html#模型#页面”）；
$（'#按钮3'）。切换（“拖放”{
持续时间：幻灯片教学
}, {
放松：“放松”夸脱，
队列：false
});
$（“#模型#页面”）。淡出({
持续时间：幻灯片教学，
队列：false
});
$（“#模型_页”）。设置动画({
“左”：“1921px”
}, {
持续时间：幻灯片教学，
放松：“放松”夸脱，
队列：false
});
$（“#1#Page”）.fadeIn({
持续时间：幻灯片教学，
队列：false
});
$（“#1#页”）。设置动画({
“左”：“0px”
}, {
持续时间：幻灯片教学，
放松：“放松”夸脱，
队列：false
});
}

#按钮3{
位置：绝对位置；
顶部：400px；
左：1520px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
#左边{
位置：绝对位置；
填充：0；
保证金：0；
顶部：0px；
左：0px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
#右侧{
位置：绝对位置；
填充：0；
保证金：0；
顶部：0px；
左：1691px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}
#回页{
位置：绝对位置；
顶部：970px；
左：50px；
大纲：0px；
z指数：2；
边界：0；
背景：透明；
}

var optsCorners = data.opts.turnCorners.split(','),
  ***flipData = data.pages[current].data().f,***
  opts = flipData.opts,
  actualPoint = flipData.point;