javascript - 通过浏览器后退按钮访问页面时执行js函数

Question

我正在使用 jquery mobile 1.2.0 和 jquery 1.7.2 开发一个网站，我在加载页面时尝试执行 js 函数时遇到问题。

正常情况是用户使用链接( anchor )加载页面，所以我正在处理 jquery 移动事件“pageinit”，工作正常，但是当用户访问时我需要执行相同的代码/函数使用浏览器的后退按钮访问页面，在这种情况下，永远不会触发“pageinit”事件。

JavaScript 函数会修改 UI，因此需要在调用该函数之前加载 UI。

我正在 Safari 9.1 (iOS 9.3) 上测试它。

我的页面与此非常相似:

<section id="someid" data-role="page" data-theme="a">
<!-- Page content -->
</section>

<script type="text/javascript">
function myFunction() {
//some code to modify de UI on page loaded
}

$("#someid").on("pageinit", function (e) {
    var page = $(this);

    myFunction();
});
</script>

更新1:

我已经测试了列出的所有 jquery mobile 事件 here没有任何运气。

Answer 1

尝试pageshow和 load事件!

来自文档:当遍历 session 历史记录条目时会触发 pageshow 事件。 (这包括后退/前进以及加载事件后的初始页面显示。)

另外仅供引用，看起来 pageinit 已经是 depracated in 1.4

$(document).on("pageshow", "#someid", function (e) {
    var page = $(this);

    myFunction();
});