javascript - 过渡期间的 jQuery Mobile 多页设置页面

Question

我正在构建一个基于 jQuery mobile 的应用程序，并使用此处描述的多页模板功能。那就是我有几个带有 data-role="page" 的 div。

问题是我需要加载一些 JSON 并根据第一页上的选择构建第二个“页面”。如何插入一些代码以在页面转换期间运行（即在微调器启动时）。请注意，用户可以再次返回第一页并做出不同的选择 - 所以我需要运行代码以再次构建“页面”2。

这有意义吗？我发现文档真的很难遵循 - 但也许我错过了一些非常明显的东西。谢谢！

Answer 1

您可以使用 jQuery Mobile 提供的“pagebeforeshow”事件http://jquerymobile.com/test/docs/api/events.html

根据文档，事件的工作方式如下：“在实际过渡动画开始之前，在我们过渡到的“toPage”上触发。

像这样的东西：

$(document).on("pagebeforeshow", "#myPageId", function() {
    //Stuff here
});