使用Jquery data-role =“page”加载页面

Question

我正在开发一个使用Jquery并在单个html文档上有多个页面的Web应用程序。这是通过包含在data-role="page"标记中的一系列<div>来完成的。

现在，这只是这些'页面'中的5个，但我计划有~900（每个项目可以查看1个）。我的问题是，Jquery是否一次性加载html文件中的所有“页面”？

我在想，如果它确实如此，我就不可能以这种方式使用这个网络应用程序，因为我将有900个页面加载900个调用数据库，以便在html中尽快填充每个评论文件已加载。

在我走进项目太远之前，我想我可能会问。谢谢大家！

---

更新

我将知道用户下次点击的位置。我做了一些研究，并认为我发现了一段我相信的代码。 pastebin.com/JpGW5PqN其第15-20行。这是否可以在第50行加载id为180336的div？我不知道如何检查它是否是动态加载的！

Answer 1

因为它仍然是一个简单的HTML页面，然后是，所有这些DIV都在第一次加载时加载。关于这一点有不同的方法，但最明显的方法是使用$ .ajax在需要时加载页面。预加载所有页面会使一切都很慢。

您可以做的优化是，在某些情况下，您可能知道用户下次点击/导航的位置，并且您可以在用户查看当前内容时预先加载该内容。

Answer 2

与margusholland一样，您可能希望对此进行部分加载。否则你有900个AJAX请求。 每当user scrolls down页面加载1-10页或与滚动加载交互更多。