使用動畫和“返回”功能將外部 ajax 內容加載到 div 中

Question

我正在使用引導程序和 jQuery 開發 NFL Fantasy Web 應用程序。 我最初使用 Framework7 是因為它具有類似原生應用程序的簡單界面，但后來放棄了它，轉而開發了一個完全響應式的頁面。

我有一個包含比賽列表的 div，並希望用戶能夠點擊一個並查看比賽詳細信息。 在 Framework7 上，它會在外部 ajax 頁面中滑動，在頂部顯示一個“后退”按鈕，可以輕松地將新的 div 滑出並返回到原始 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();
}