jquery - 在 jQuery Mobile 中使用页面

Question

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

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

谢谢KJ

Answer 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>

Answer 2

您可以绑定到 pagebeforeshow 事件，以获得与 onload 相同的效果。

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