JQM 헤더 버튼을 클릭하기가 어려움

내 JQM 헤더에 작은 안되는 텍스트 버튼이 있습니다 (내 안드로이드 phonegap 응용 프로그램에서 아래 이미지 참조). 버튼은 터치 스크린 장치를 클릭하기가 매우 어렵습니다 (데스크톱 브라우저에서는 괜찮습니다). 클릭 이벤트를 발생시키는 것은 버튼의 상단 또는 하단을 클릭해야하며 버튼의 가운데 또는 하단을 클릭하면 아무 것도하지 않는 것으로 보입니다. 여기 JQM 헤더 버튼을 클릭하기가 어려움

JQM Header Buttons

은 HTML의 코드입니다 :

<div data-role="header" data-position="fixed"> 
    <h1>Field Trip GB</h1> 
    <div class="ui-header-buttons ui-btn-right" data-type="horizontal" > 
    <a class="gpstrack-running" 
     data-role="button" 
     data-inline="true" 
     data-transition="none" 
     data-iconpos="notext" 
     data-shadow="false" 
     data-iconshadow="false" 
     style="display: none;"> 
    </a> 
    <a class="user-locate" 
     data-role="button" 
     data-inline="true" 
     data-transition="none" 
     data-iconpos="notext"> 
    </a> 
    <a class="map-search" 
     data-role="button" 
     data-inline="true" 
     data-transition="none" 
     data-iconpos="notext"> 
    </a> 
    </div> 
</div>

그리고 자바 스크립트와 같은에서 듣고있어 :

$('.map-search').live('click', function(){ 
    console.log('map search'); 
});

출처

2012-10-22 gmh04

시도'tap' 또는 바인딩에 대한'vclick'. 나는. '.on ('tap', function() {...})'. '.live'는 jquery 1.7부터 사용되지 않습니다. 출처 : [jQM event docs] (http://jquerymobile.com/test/docs/api/events.html) – Calavoow

예, 감사합니다! – gmh04

나는 그것을 대답으로 바꾸었다. 사용 종료 된 정확한 이벤트 (탭 또는 vclick)에 대해 의견을 말하십시오. – Calavoow

사용 tap 또는 vclick 당신은 바인딩. 나는. .on('tap',function(){...}).

.live()은 jquery 1.7부터 사용되지 않습니다.

출처 : jQM event docs

출처

2012-10-22 12:18:56 Calavoow

JQM 헤더 버튼을 클릭하기가 어려움

답변

관련 문제