Javascript JQM标题按钮难以单击

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

---

使用

tap

或

vclick

进行绑定。例如，

.on（'tap'，function（）{…}）

自从jquery 1.7以来，

.live（）

已被弃用

---

来源：

尝试点击

或
vclick
进行绑定。例如，
.on（'tap'，function（）{…}）
.live
自jquery 1.7以来已被弃用。资料来源：我当时把它变成了一个答案。请评论您最终使用的确切事件（点击或vclick）。我使用了.on（'vmousedown'，（function（）{…}）
$('.map-search').live('click', function(){
    console.log('map search');
});