ホームページ > ウェブフロントエンド > jsチュートリアル > hashchangebroker と statehashable_jquery に関する補足ドキュメント

hashchangebroker と statehashable_jquery に関する補足ドキュメント

WBOY
リリース: 2016-05-16 18:03:48
オリジナル
1073 人が閲覧しました

url ハッシュ: URL の # 番号の後のセクションは、通常、HTML ページ内のアンカー ポイントを見つけるために使用されます。ハッシュが変更されたページは更新されないため、ハッシュは、Gmail のアプローチなどの Ajax アプリケーションでスクリプトの実行ステータスを保存するために使用されます。

jquery hash change イベント プラグイン: Internet Explorer 8、Firefox 3.6、および Chrome 5 ではすでに window.onhashchange イベントが提供されていますが、このイベントは古いバージョンのブラウザーには存在しません。このプラグインを使用します。ハッシュが変更されたかどうかを判断するタイマー。これにより、古いバージョンのブラウザで hashchange イベントを再提供できるようになります。

hashchangebroker: 以前にこの jquery extend を書きました。これは 4 つのメソッドを提供します。

$.hashchangebroker.subscribe(fragName, handler)

fragName に対応するハッシュ段落の変更をサブスクライブし、指定されたハンドラーに転送します。
URL ハッシュは複数のフラグメントで構成されます。フラグメントの形式は [fragName]:[state] です。 fragName はカスタム ハッシュ状態名です。 state は、base64 でエンコードされた json 文字列です。
ハンドラーにはパラメータ状態が 1 つだけあります: json 形式の文字列で、カスタム状態を記述します。

$.hashchangebroker.publish(ハッシュ)

このメソッドは window.onhashchange イベントにバインドする必要があります。ハッシュを受信して​​デコードして変更されたフラグを見つけ、そのフラグをサブスクライブするハンドラーに転送します。

$.hashchangebroker.changeFrag(fragName,state)

このメソッドは、statehashable 型によって呼び出され、ハッシュ内の fragName に対応するフラグの状態を変更するために使用されます。

$.hashchangebroker.init()

このメソッドは、ハッシュを取得し、ページが更新された後に公開するために使用されます。 $(document).ready で呼び出すだけです。すべての購読メソッドの後に配置する必要があります。

statehashable: このウィジェットは、コントロールの状態をより簡単に URL ハッシュに公開し、コントロールに対応するハッシュ フラグメントの状態変化を取得し、対応する状態変更イベント。

使用法 $(dom).statehashable(); このメソッドを呼び出した後、hashchange イベントが dom オブジェクトに追加されます。 statehashable オブジェクトは、コントロールに対応するハッシュ フラグメントが変更されたことを検出すると、DOM オブジェクトの hashchange イベントをトリガーします。
使用法:

コードをコピー コードは次のとおりです:

$(dom) .bind ("hashchange",function(e,stateObj){
// stateObj の状態を決定し、dom を対応する状態に復元します
}); dom 状態を変更する statechange イベント トリガーを追加します。statehashable オブジェクトはイベントをキャプチャし、hashchangebroker のchangeFrag メソッドを呼び出してハッシュを変更します。 Statechange トリガーの例:
$(dom).trigger("statechange",[stateName,stateValue]);
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート