2014-02-26 49 views
3

当我改变页面时,javascript没有执行。为什么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

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

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

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

相关问题