Ajax 为什么Javascript在changePage之后不工作

Ajax 为什么Javascript在changePage之后不工作,ajax,jquery-mobile,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" });

当我更改页面时,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>

$(文档).ready(函数(){
警报(“测试”);
});

main.html中的上述javascript在页面更改时不执行;有人能解释为什么会这样以及如何修复吗?

这是因为更改页面会导致重新加载页面,而且JQM没有在DOM中获取最近加载的页面的标题部分,因此文档的
中的任何脚本都不会被包括在内

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

您还可以将JavaScript代码放在
data role=“page”
元素中,您的JS将被包括在内