为什么Javascript在changePage之后无法正常工作

时间:2014-02-26 01:55:06

标签: ajax jquery-mobile

当我更改页面时,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在页面更改时不会执行;任何人都可以解释为什么这是以及如何解决它?

1 个答案:

答案 0 :(得分:1)

这是因为更改页面会导致页面重新加载,而JQM没有获取DOM中最近加载的页面的head部分,因此文档的<head>中的任何脚本都不会被包含。

因此,您可以将所有JS放入外部文件中,并将其包含在您需要的站点的每个HTML页面上。

您也可以将JavaScript代码放在data-role="page"元素中,并且您将包含JS。

相关问题