2014-02-26 2 views
3

페이지를 변경하면 javascript가 실행되지 않았습니다.changePage 후에 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 위 스크립트; 아무도 왜 이것을 고칠 수 있는지 설명 할 수 있습니까?

답변

1

변경 페이지로 인해 페이지가 다시로드되고 JQM이 DOM에 최근로드 된 페이지의 헤드 섹션을 가져 오지 않기 때문에 문서의 <head>에있는 스크립트는 포함되지 않습니다.

따라서 모든 JS를 외부 파일에 넣고 필요한 사이트의 각 HTML 페이지에 포함시킬 수 있습니다.

data-role="page" 요소 안에 JavaScript 코드를 삽입하면 JS가 포함됩니다.

관련 문제