当我更改页面时,javascript没有执行。
的index.html
$("#login").submit(function(e){
e.preventDefault();
$.mobile.changePage('main.html', {
reverse : false,
changeHash : false,
allowSamePageTransition : true,
reloadPage:true,
transition: "flow"
});
});
main.html中
<script type="text/javascript">
$(document).ready(function () {
alert("Test");
});
</script>
main.html中的上述javascript在页面更改时不会执行;任何人都可以解释为什么这是以及如何解决它?
答案 0 :(得分:1)
这是因为更改页面会导致页面重新加载,而JQM没有获取DOM中最近加载的页面的head部分,因此文档的<head>
中的任何脚本都不会被包含。
因此,您可以将所有JS放入外部文件中,并将其包含在您需要的站点的每个HTML页面上。
您也可以将JavaScript代码放在data-role="page"
元素中,并且您将包含JS。