1

JQMヘッダーに複数の小さなテキストなしのボタンがあります.下の画像をAndroid phonegapアプリで参照してください。タッチ スクリーン デバイスではボタンをクリックするのが非常に困難です (デスクトップ ブラウザでは問題ありません)。クリック イベントを発生させるには、ボタンの上部 10 ～ 20% をクリックする必要があるようです。ボタンの中央または下部をクリックしても何も起こりません。

JQM ヘッダー ボタン

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

1 に答える 1

0

バインディングにはtaporを使用します。vclickすなわち.on('tap',function(){...})。

.live()jquery 1.7以降は非推奨です。

出典: jQM イベント ドキュメント

于 2012-10-22T12:18:56.537 に答える