为什么Javascript在changePage之后不起作用

Question

当我更改页面时，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不会在页面更改时执行；有人能解释为什么会这样，以及如何修复吗？

Answer 1

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

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

您还可以将您的JavaScript代码放在data-role="page"元素中，您的JS将被包括在内。