JQM标题按钮难以单击

Question

我的JQM标头上有多个小的无文本按钮，请参见下图，在我的android phonegap应用程序上。 这些按钮很难在触摸屏设备上单击（在桌面浏览器上很好）。 似乎要触发click事件，我必须单击按钮顶部的10-20％，单击按钮的中部或底部没有任何作用。

这是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');
});

Answer 1

使用tap或vclick进行绑定。 即.on('tap',function(){...}) 。

从jQuery 1.7开始不推荐使用.live() 。

来源： jQM事件文档