我的 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');
});