-1

我有一个小的jQuery 移动网站，我想在其中可视化一些数据（我用 D3 做到了）。该网站有多个页面（用 制作<div data-role="page" id="...">...</div>）。由于我有很多数据要加载（来自服务器的 json），我只想加载用户当前看到的内容。即，如果他单击第 2 页（通过 Button），我只想加载第 2 页所需的数据（而不是其他 10 页的所有数据）。我发现了几个 jQuery事件（pageshow 等）——但所有这些事件仅在第一次创建主页时才被捕获。我也想过只加载它，当用户点击一个按钮（链接）时，但如果他直接导航到page2呢？

任何建议将不胜感激。谢谢！

4

2 回答 2

2

我认为使用 AJAX 是你最好的选择。您可以在您的 url 中使用 # 来跟踪每个“页面”，例如 YOUR_URL#page_2。

如果用户直接导航到该页面，它将呈现该页面。否则，如果他转到主页，它将呈现 #page_1 而不是 #page_2 或 #page_3.. 以此类推。

希望我理解你的问题。

于 2012-12-03T10:28:51.847 回答
-1

我发现了：

$('#pageTag').bind('pageshow', function() {
   $.ajax({
  url: "getData.php"
   }).done(function( data ) {
  alert( "response from server: " + data);
   });
}

这里的问题是，每次加载页面时都会调用它。所以，如果用户向后和第四次导航，它每次都会加载......我在这里找到了一些提示，但不是我的第二个问题的解决方案......

任何提示将不胜感激。谢谢。

于 2012-12-03T11:53:00.793 回答