我使用$ .mobile.changePage后，onload无法正常工作

Question

我将使用代码通过$ .mobile.changePage更改页面

 $.mobile.changePage("profile.html", { transition : "slide"},false);

topage profile.html代码

<html>
<head>
<script type="text/javascript">

function func()
{
document.getElementById("d").innerHTML="String"
}
</script>
</head>
 <body onload="func()">
<div id="d"></div>
</body>
</html>

JavaScript代码

function func()
{
document.getElementById("d").innerHTML="String"
}

不起作用，如何解决？

Answer 1

如果您查看文档，则reloadPage选项最初为false，这意味着将不会重新加载该页面，因此不会再次触发当前文档的onload事件。

为了使您的body onload事件再次起作用，您需要添加此选项并将其值设置为true ：

var options={
    transition: "slide",
    reloadPage: true
};
$.mobile.changePage("profile.html", options, false);

Answer 2

jQuery Mobile使用Ajax加载页面。 加载第一页时，将加载<html>中的所有标记和代码。 但是，当您更改页面或加载另一个html文件时，它仅加载首页div data-role=page忽略了所有标记，而js超出了该div。

如果您有任何其他JS代码，请将其放在page div data-role="page" 。

<div data-role="page">
  <script>
    document.getElementById("d").innerHTML="String"
  </script>
</div>

我使用$ .mobile.changePage后，onload无法正常工作

问题描述

2 个解决方案

解决方案1
0 2013-11-21 08:59:11

解决方案2
0 2013-11-21 09:06:30

我使用$ .mobile.changePage后，onload无法正常工作

问题描述

2 个解决方案

解决方案1 0 2013-11-21 08:59:11

解决方案2 0 2013-11-21 09:06:30

解决方案1
0 2013-11-21 08:59:11

解决方案2
0 2013-11-21 09:06:30