JQM Header按鈕難以點擊

我的JQM頭上有多個小文本按鈕，請參閱下面的圖片，在我的android phonegap應用程序中。這些按鈕非常難以點擊觸摸屏設備（它們在桌面瀏覽器上很好）。看起來要點擊點擊事件，我必須點擊按鈕的頂部10-20％，點擊按鈕的中間或底部什麼也不做。JQM Header按鈕難以點擊

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>

而且我聽在JavaScript這樣的：

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

來源

2012-10-22 gmh04

嘗試'tap'或'vclick'進行綁定。即'。對（ '水龍頭'，函數（）{...}）'。 '.live'從jquery 1.7開始已被棄用。來源：[jQM事件文檔]（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 Header按鈕難以點擊

回答

相關問題