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();
}); 

sample

jQuery MobileのhashchangeイベントはIE6/IE7やiOS4.3以下やAndroid2.1以下などJavaScriptのhashchangeイベントに対応していないブラウザでもhashchangeイベントが利用できます。

参考URL

hashchange | jQuery Mobile API Documentation

登録日 : 2013年04月06日 最終更新日 : 2016年12月19日

同じカテゴリー(イベント)のエントリー

検索

スポンサードリンク

バージョン

リファレンス