2014-02-26 48 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。

相關問題