JQM标题按钮难以点击

Question

我的JQM标题上有多个小的无文本按钮，请参阅我的android phonegap应用程序下面的图片。这些按钮很难在触摸屏设备上点击（它们在桌面浏览器上很好）。似乎要触发点击事件，我必须点击按钮的顶部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 event docs