2011-07-17 4 views
0

링크를 활성화 할 때마다 화면의 텍스트 문자열을 단순히 대체하는 phonegap에 첫 번째 앱을 작성했습니다.Phonegap 애플리케이션에서 Javascript 변수가 새로 고침되지 않습니다.

원래 문자열은 그대로 있고 새 문자열은 맨 위에 쓰여집니다. 그런 다음 링크를 다시 활성화하면 두 번째 문자열이 새로운 문자열로 바뀌지 만 첫 번째 문자열의 맨 위에 계속 표시됩니다.

이 문제를 해결하기 위해 변수를 삭제하려고 시도했지만 행운이 없습니다.

플랫폼 제한 사항입니까? 아니면 잘못된 것이 있습니까?

코드는 내가 폰갭과 경험이 없지만, 과거에 내가 몇 가지 문제 '는 돈, XHTML 문서의 innerHTML을 설정하려고 발견

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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> 
</head> 

<body onload="newIdea()"> 
<h1 class="h1">First Love</h1> 
<p>Have you ever? </p> 
<h3><div id="ideaDiv">Nothing</div></h3> 
<a href="#" id="ideaLink">Let's Do it</a> 
<a href="#" onclick="newIdea();">No Thanks</a> 
<script type="text/javascript"> 
var ideas=new Array(); // regular array (add an optional integer 
ideas[0]="Kissed someone in the rain";  // argument to control array's size) 
ideas[1]="Eaten peking duck"; 
ideas[2]="Stood naked in the open"; 

function newIdea(){ 
var idea = ""; 
var idea = ideas[Math.floor(Math.random()*ideas.length)]; 
var ideaSpace = document.getElementById("ideaDiv"); 
ideaSpace.innerHTML=idea; 
var ideaLink=document.getElementById("ideaLink"); 
var linkCreate="http://www.google.com/calendar/event?action=TEMPLATE&text=" + idea + "&dates=20120101/20120102&details=&location=&trp=false&sprop=&sprop=name:"; 
ideaLink.href=linkCreate; 

} 
</script> 
</body> 
</html> 

감사

아래 사이먼

답변

0

입니다 t 사용중인 문자열이 유효한 xml을 여전히 남겨두고 동일한 오류를 발생시키는 지 확인하십시오. 동일한 결과를 얻으려면 try :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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> 
</head> 

<body onload="newIdea()"> 
<h1 class="h1">First Love</h1> 
<p>Have you ever? </p> 
<h3><div id="ideaDiv">Nothing</div></h3> 
<a href="#" id="ideaLink">Let's Do it</a> 
<a href="#" onclick="newIdea();">No Thanks</a> 
<script type="text/javascript"> 
var ideas=new Array(); // regular array (add an optional integer 
ideas[0]="Kissed someone in the rain";  // argument to control array's size) 
ideas[1]="Eaten peking duck"; 
ideas[2]="Stood naked in the open"; 

function newIdea(){ 
var idea = ""; 
var idea = ideas[Math.floor(Math.random()*ideas.length)]; 
var ideaSpace = document.getElementById("ideaDiv"); 
//ideaSpace.innerHTML=idea; 
ideaSpace.removeChild(ideaSpace.firstChild); 
ideaSpace.appendChild(document.createTextNode(idea)); 
var ideaLink=document.getElementById("ideaLink"); 
var linkCreate="http://www.google.com/calendar/event?action=TEMPLATE&text=" + idea + "&dates=20120101/20120102&details=&location=&trp=false&sprop=&sprop=name:"; 
ideaLink.href=linkCreate; 

} 
</script> 
</body> 
</html> 
관련 문제