Javascript 用户单击“回页”按钮后，主页按钮缺失

功能：

当用户单击第1页上的按钮时，会将他们带到第2页。在页面转换过程中，我加入了一些动画：

1.）按钮会爆炸。 2.）第1页将滑出并淡出，而第2页将滑入并淡入并反弹lil

已完成的操作：

我使用.animate和.toggle jQuery在页面转换期间实现了以下动画

问题： 工作罚款：

• 页面转换：当用户从第1页单击到第2页，以及当用户从第2页导航到第1页时
• 动画：当用户单击按钮时按钮爆炸，页面滑动和褪色

不正常的是，当用户从第2页导航回第1页时，执行爆炸动画的按钮已消失，并且未显示在原始位置

发生了什么事

**代码：

函数页面传输（）{
$（“#按钮1”）。切换（“爆炸”{
持续时间：幻灯片教学
}, {
放松：“放松”，
队列：false
});
$（'#第1页'）。淡出({
持续时间：幻灯片教学，
队列：false
});
$（'#第1页'）。设置动画({
“左”：“1921px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
//方法调用以在第二页左侧填充中滑动和淡入
$（'Page2'）.fadeIn({
持续时间：幻灯片教学，
队列：false
});
$（'#第2页'）。设置动画({
“左”：“0px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
}
功能页（）{
控制台日志（“页面”）；
$（'#第2页'）。淡出({
持续时间：幻灯片教学，
队列：false
});
$（'#第2页'）。设置动画({
“左”：“1921px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
$（'Page1'）.fadeIn({
持续时间：幻灯片教学，
队列：false
});
$（'#第1页'）。设置动画({
“左”：“0px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
}

---

正如用户cske所指出的，您需要在page back函数中返回.toggle'explode'

函数页面传输（）{
$（“#按钮1”）。切换（“爆炸”{
持续时间：幻灯片教学
}, {
放松：“放松”，
队列：false
});
$（'#第1页'）。淡出({
持续时间：幻灯片教学，
队列：false
});
$（'#第1页'）。设置动画({
“左”：“1921px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
//方法调用以在第二页左侧填充中滑动和淡入
$（'Page2'）.fadeIn({
持续时间：幻灯片教学，
队列：false
});
$（'#第2页'）。设置动画({
“左”：“0px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
}
功能页（）{
控制台日志（“页面”）；
$（“#按钮1”）。切换（“爆炸”{
持续时间：幻灯片教学
}, {
放松：“放松”，
队列：false
});
$（'#第2页'）。淡出({
持续时间：幻灯片教学，
队列：false
});
$（'#第2页'）。设置动画({
“左”：“1921px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
$（'Page1'）.fadeIn({
持续时间：幻灯片教学，
队列：false
});
$（'#第1页'）。设置动画({
“左”：“0px”
}, {
持续时间：幻灯片教学，
放松：“放松”，
队列：false
});
}

页面（）中没有任何图标。是什么将“分解”按钮，

$（“#按钮1”）放回原位的。切换（“分解”）

可以missing@cske啊！！！谢谢