在 jQuery Mobile 中使用页面答案

【问题标题】：Working with Pages in jQuery Mobile在 jQuery Mobile 中使用页面
【发布时间】：2012-05-01 05:25:23
【问题描述】：

我注意到 jQuery 如何处理超链接的一个有趣问题。根据文档，单击链接将触发 AJAX 调用，请求页面的内容被填充在当前页面的 DOM 中。

现在考虑一下，index.html 有一个指向 location.html 的超链接。在 location.html 中，我使用 window.onload = getMyLocation ; 来触发对 JavaScript 函数的调用。由于 jQuery mobile 只是在页面的数据角色中获取代码，因此我的 JavaScipt 代码永远不会运行，因此我需要显式刷新页面。有解决办法吗？

谢谢千焦

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

你能不能从你的超链接中触发的事件触发 JavaScript 函数，即

<a href="#location.html" onClick="[...]">Location</a>

或

<a href="#location.html" id="locbutton">Location</a>

<script type="text/javascript">
$("#locbutton").live( "click", function(){
    [...]
});
</script>

【讨论】：

【解决方案2】：

你可以绑定到pagebeforeshow事件，达到和onload一样的效果。

$(document).on("pagebeforeshow", function(e) {
    // do stuff
});

【讨论】：