2012-01-16 6 views
1
나는 또한 앱에서 JQuery와 모바일에 의해 스타일되고주의, 내 응용 프로그램이 같은 폰갭을 사용하고

, 나는이 HTML을 왜 반응하지 내 폰갭 버튼입니다

<meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 

    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script> 

,

<div id="sync" data-role="page"> 
    <div data-role="header" data-position="inline"> 
     <a data-rel="back" data-icon="back">Back</a> 
     <h1>Sync</h1> 
    </div> 
    <div data-role="content"> 
     <button onclick="sync()">Sync</a></button> 
    </div> 
</div> 

나는 이것을 Android 용으로 컴파일하여 Android 폰에서 작업하도록했습니다.

그러나 '동기화'버튼은 항상 반응하지 않습니다. 단추를 클릭하면 매번 sync() 메서드가 호출되지 않습니다. 나는 버튼을 여러 번 클릭하는 것을 본다. 클릭 할 때 버튼이 움직이는 것을 볼 수 있습니다. 자체적으로 푸시되는 것으로 응답하지만 sync 메소드가 호출되지 않습니다.

동기화 방법은

function sync() 
{ 
    alert("syncing"); 
    $.mobile.loadingMessage = "syncing"; 
    $.mobile.showPageLoadingMsg(); 

내가 디버깅 목적에 경고를 넣어, 다음과 같이 시작한다.

UPDATE : 내 HTML 그것에 추가 태그가 있음을 지적하고있다

. 아래와 같이 제거했지만 문제가 여전히 존재합니다.

<div data-role="content"> 
    <button onclick="sync()">Sync</button> 
</div> 

답변

1

농담 답변 : 버튼을 충분히 세게 밀었습니까?

아마도 문제의 답 :

<button onclick="sync()">Sync</a></button> 
           ^^^^---dangling tag 

은 그게 </a> 가능성이 버튼 파괴의 원인?

2

나는 내 응용 프로그램에서 비슷한 문제가있었습니다. 나는 두 가지 다른 것들을 시도했지만, 그것을 고쳐야할지 모르겠습니다.

  1. 스크립트 태그에 charset = "utf-8"을 추가했습니다.

  2. 버튼 클릭 기능을 자체 스크립트 태그로 옮겼습니다. 나는 그 스크립트 블록에있을 때 버튼 클릭 기능이 작동하지 못하게하는 다른 JavaScript 블록에 오류가 있다고 생각합니다. 그래서 당신은 버튼 클릭 자바 스크립트를 시도하고 도움이되는지 확인해 볼 수 있습니다.