1

我正在做一个项目,客户想要一种在内容之间转换的方式,基本上就像打开电子阅读器应用程序的页面一样。当您单击链接前进时,当前内容向左滑动,新内容在滑动时显示。如果单击链接向后退,则内容从左侧滑入并叠加。(如果您要跳转到更远的页面,则可以重新加载页面。)

每个内容块都需要有一个不同的 URL,理想情况下,这应该一直到 IE7。假设至少有 50 页,每页至少有 2-300 个字。

我知道有很多 jQuery 页面转换选项,但是我看过的大多数是在新内容中滑入,而旧内容正在滑落或在旧内容消失后淡入新内容(想想幻灯片。 js)。我需要的基本上是垂直的窗帘.js,由链接而不是滚动触发,并且不需要一次加载页面上的所有内容。

这是我想出的一种可能构建它的方法:

  • 当前内容是从数据库(或其他)加载的
  • 上一页和下一页的内容也被加载并存储在隐藏的 div 中
  • 单击链接时,当前页面滑出(或上一页滑入)
  • 不再需要的内容被删除
  • 新内容通过 AJAX “预加载”并隐藏
  • 本地 URL 也会随着 AJAX 的变化而变化

这是一个粗略的图表

不过,这似乎真的很不雅。我上面概述的可以做吗?有什么更好的方法来做到这一点?

我对 JS/jQuery 和 PHP 很好,学习 AJAX。

4

1 回答 1

0

我建议使用 jQuery UI 选项卡

  1. 无需处理 AJAX。只需让服务器一次吐出 50 页文本,就可以了。

  2. 连接到 API 非常简单,这使您可以更好地控制整个过程。足够的控制来连接一个在您浏览时更新地址栏的功能。

于 2013-09-19T07:21:44.717 回答