jquery - ページの読み込み / ハッシュの読み込みで発生するイベント

Question

jQuery Mobile 1.3 で作業していますが、このシナリオに適したイベントが見つかりません。

動的コンテンツを格納する<div>#show_protocol があります。このページでブラウザーを開いたままにし、その後更新すると、コンテンツは表示されません (それを入力するフォームの送信が行われていないため)。

<div>したがって、イベントにバインドし、それがこの特定のページの役割かどうかを確認し、そうであればコードを実行したいと思います。pageshow、pagebeforeload、にバインドしようとしましたがpageinit、ページの読み込み時に何も機能しないようです。アプリの使用によってイベントがトリガーされるとコードが起動しますが、最初のページの読み込みでは起動されません。

これが私が試したことです：

$("#show_protocol").on( "pageshow", function(){ // swap in pageinit, pagebeforeload, etc.
    if ( $(this).hasClass("preload") ) {
        [..]
    } else {
        [..]
    }
});

また試してみました：

$(document).on( "hashchange", function(){ 

そして@Sudhirが指摘するように：

$(document).on( "pageshow", "#show_protocol", function(){ 

どれもうまくいきません。ブラウザの最初の読み込み時に JQM が起動するイベントがわかりません。

私の HTML は基本的なものであり、機能には影響しません。

<div data-role="page" id="show_protocol">[..]</div>