hashchange
hashchangeイベントはハッシュフラグメントの変更を感知するイベントです。
jQuery Mobileではハッシュの変更は通常はページ遷移のフラグメントとして利用されるため、次のようにdata-ajax=”false”をあわせて指定することでハッシュフラグメントの変更のみが可能です。
<p>hashは<span id="hash"></span></p>
<a href="#test1" data-ajax="false">test1</a>
<a href="#test2" data-ajax="false">test2</a>
<a href="#test3" data-ajax="false">test3</a>
hashchnage()でハッシュチェンジ時のイベントハンドラーが設定可能です。
$(function() {
$(window).hashchange(function() {
$("#hash").text(location.hash);
}).hashchange();
});
jQuery MobileのhashchangeイベントはIE6/IE7やiOS4.3以下やAndroid2.1以下などJavaScriptのhashchangeイベントに対応していないブラウザでもhashchangeイベントが利用できます。
参考URL
hashchange | jQuery Mobile API Documentation
登録日 : 2013年04月06日 最終更新日 : 2016年12月19日
同じカテゴリー(イベント)のエントリー
- checkboxradiocreate
- updatelayout
- throttledresize
- pageshow
- pageremove
- pageloadfailed
- pagehide
- pagecreate
- pagechangefailed
- pagechange
- pagebeforeshow
- pagebeforehide
- pagebeforecreate
- pagebeforechange
- navigate
- hashchange
- pageload
- pagebeforeload
- scrollstop
- scrollstart
- orientationchange
- vmousecancel
- vclick
- vmouseup
- vmousemove
- vmousedown
- vmouseout
- vmouseover
- swiperight
- swipeleft
- swipe
- taphold
- tap
- pageinit
- mobileinit