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

onload not working after i use $.mobile.changePage

本文关键字：onload 工作 changePage mobile      更新时间：2023-09-26

我将通过$.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"
}

不起作用，如何解决？

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

要使您的身体onload事件再次工作，您需要添加此选项并将其值设置为true:

var options={
    transition: "slide",
    reloadPage: true
};
$.mobile.changePage("profile.html", options, false);
jQueryMobile使用Ajax加载页面。当加载第一页时，<html>内的所有标签和代码都会被加载。然而，当您更改页面或加载另一个html文件时，它只加载第一页div data-role=page，而忽略所有标签和js

如果您有任何额外的JS代码，请将其放在页面div data-role="page"中。

<div data-role="page">
  <script>
    document.getElementById("d").innerHTML="String"
  </script>
</div>
相关文章：