함수는 페이지 새로 고침 후에 만 실행됩니다.

-2

내 jQuery 모바일 페이지에 JavaScript가 삽입되어 있으며 페이지를 새로 고침하지 않으면 JavaScript가 작동하지 않습니다.함수는 페이지 새로 고침 후에 만 실행됩니다.

페이지를로드 한 후에이 작업을 수행하는 방법에 대한 해결책은 무엇입니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
body,td,th { 
    font-family: Tahoma, Geneva, sans-serif; 
    font-size: 12px; 
    color: #000; 
} 
</style> 
<link href="../jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" /> 
<link href="../jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" /> 
<script src="../jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="../jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script> 

<html> 
<head> 
</head> 
<body> 

<script language="javascript" type="text/javascript"> 


    $(document).ready(function(){ 
       //JQuery code for getting current URL 
       var URL = $(location).attr('href'); 
     $('#mydiv').load('real_news.asp?'+URL); 

}); 

</script> 

<div data-role="page" id="try"> 
    <div data-role="header"> 
    <h1>Header</h1> 
    </div> 
    <div id="mydiv" data-role="content"></div> 
</div> 
</body> 
</html> 

</head> 

<body> 

</body> 
</html>

출처

2013-07-02 user2522201

제목과 질문에 적절한 대문자를 사용하십시오. 고맙습니다! 정확히 "작동하지 않는"것도 설명하십시오. 무슨 일이 일어나고 어떻게 될 것으로 예상됩니까? –

''노드 안에 스크립트를 넣으려고 했습니까? 또한'$ (document) .ready (function() {// jquery code here});'대신''$ (function() {// jquery code here});' '라는 약식 버전을 사용할 수 있습니다. – DevlshOne

네, 머리에 넣어야합니다. 내가 이해하는 방식으로, 머리는 스크립트가로드 된 후에 만 실행됩니다. 그러나 몸 안에 있으면 즉시 실행됩니다. 처음 페이지를로드 할 때 자바 스크립트 오류가 발생합니까? – screenmutt

귀하의 HTML이 잘못되었습니다

여기 내 코드입니다. <html>, <head> 및 <body> 태그가 너무 많습니다.

올바른 HTML 파일을 만들어 스크립트가 제대로 작동하는지 확인하십시오. 또한 스크립트를 <head> 태그에 넣어보세요.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.3.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Untitled Document</title> 
     <style type="text/css"> 
      body,td,th { 
       font-family: Tahoma, Geneva, sans-serif; 
       font-size: 12px; 
       color: #000; 
      } 
     </style> 
     <link href="../jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css" /> 
     <link href="../jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css" /> 
     <script src="../jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script> 
     <script src="../jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script> 

     <script type="text/javascript"> 
      $(document).ready(function(){ 
       //JQuery code for getting current URL 
       var URL = $(location).attr('href'); 
       $('#mydiv').load('real_news.asp?'+URL); 
      }); 
     </script> 
    </head> 
    <body> 
     <div data-role="page" id="try"> 
      <div data-role="header"> 
       <h1>Header</h1> 
      </div> 
      <div id="mydiv" data-role="content"></div> 
     </div> 
    </body> 
</html>

출처

2013-07-02 15:50:36

페이지를로드하기 전에 찾아보기를 새로 고쳐야 만 복사 및 붙여 넣기했습니다. – user2522201

그건 이상합니다. 콘솔에 오류가 있습니까? 캐시를 지우려고했는데 오류가 발생했을 수 있습니다. 내가 너에게 말할 또 무엇이 있는지 모르겠다. –

어딘가에 브라우저 캐시를 지우고 여전히로드되지 않는 문제가있을 것 같습니다. 어쨌든 하나님 께 감사드립니다. 마지막 질문은 브라우저에서 페이지가로드되지 않아도 안드로이드 폰에서 phonegap을 사용하여 완벽하게 실행 한 후 완벽하게 실행될 것이라고 생각하십니까? – user2522201

함수는 페이지 새로 고침 후에 만 ​​실행됩니다.

답변

관련 문제

함수는 페이지 새로 고침 후에 만 실행됩니다.