使用动画和“后退”功能将外部ajax内容加载到div中

Question

我正在开发一个NFL幻想网络应用程序，带有bootstrap＆amp; jQuery的。我最初使用的是Framework7，因为它具有简单的原生应用程序界面，但却放弃了它来开发完全响应的页面。

我有一个带有匹配列表的div，并希望用户能够点击其中一个并查看对战详情。在Framework7上，它会在外部ajax页面中滑动，在顶部显示一个“后退”按钮，可以轻松地滑动新的div并返回到原来的那个。

有没有一种简单的方法来使用jQuery构建此自定义？我已经在使用$ .load（）了，但我不确定如何：

1）将外部页面滑动/动画化为我需要的div，并

2）添加一个“后退”或“关闭”按钮，该按钮将动画/隐藏div并显示原始div。

提前致谢。

Answer 1

当然，正如你所说的那样......

$(divElement).load("newPage.html",function(){
      $(divElement).slideIn();
});

然后在newPage.html中的后退按钮元素的单击操作

$(backButton).on("click",function(){
     $(divElement).slideOut();
}