0

UI フレームワークとして cordova と jQuery mobile を使用してモバイル アプリを作成しました。コーナーをクリックしたときにjQueryモバイルボタンのクリックイベントがトリガーされないことを除いて、正常に機能しています。コーナーをクリックするとホバー効果 (ボタンの色が変わる) が表示されますが、クリック イベントはトリガーされません。ボタンの角から少し内側をクリックするとクリックイベントが発生します。

jQuery モバイル 1.4.2 を使用しています。以下は、私のボタン (クラス showOptions と ui-btn を持つアンカー タグ) マークアップとクリック ハンドラーです。

<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
    <img src="images/logo_small.png" class="appLogoImg dontDisplay ui-btn-left" style="margin-top: 6px;" />
    <h1 class="ui-title">All Packages</h1>
    <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">
        <a href="#" class="showOptions ui-btn ui-icon-bars ui-btn-icon-left ui-nodisc-icon">Options</a>
    </div>
</div>


$('.showOptions').on('click', function() {
    console.log('button clicked');
    return false;
});

同じ問題に直面している人はいますか？私を助けてください。

4

1 に答える 1

1

<button>orを使用する代わりに、（あなたのように）属性で<input type="submit">使用することをお勧めします。<a>data-role="button"

<a href="#" data-role="button" class="showOptions ui-btn ui-icon-bars ui-btn-icon-left ui-nodisc-icon">Options</a>

dont のアンカーはdivdata-role=buttonでラップされません。.ui-btnしたがって、ボタン全体があらゆるイベントに反応するようになります。

于 2014-07-18T12:51:07.143 に答える