jQuery モバイル アプリのヘッダーに更新ボタンがあり、ブラウザー (Chrome) でクリック イベントが発生しません。これが私のコードです:
HTML
<div data-role="header" data-position="fixed">
<a id="#refresh_deals" data-role="button" data-inline="true" data-iconpos="notext" data-mini="true" data-icon="refresh"></a>
<div data-role="fieldcontain" class="ui-title" data-inline="true"><input id="main_search" data-mini="true" type="search" /></div>
<a id="map_btn" data-inline="true" data-mini="true" data-transition="slide" href="#gps_map">Map</a>
</div><!-- header -->
JavaScript
$(document).bind('pageinit', function() {
$('#refresh_deals').on('click', function(){
console.log('refresh clicked')
});
});
それは非常に単純なことですが、運が悪いです!私はタップイベントと、ウェブ上で見つけることができる他のほとんどすべてを試しました。ここで何が起こっているのか誰にもわかりませんか?