0

空の div を持つ jQuery Mobile ページがあります。この div に次のようにコンテンツをロードします。

個別の js スクリプト

$('#myPage').live('pagebeforecreate', function(event) {
    $("#content").html('<p>My html</p>');
});

html

<div data-role="content" id="content">
</div>

ページが読み込まれると、コンテンツが 1 秒ほど表示されますが、その後 jQuery Mobile は空の div を表示するだけです。これを防ぎ、コンテンツを保持するにはどうすればよいですか? jQuery Mobile でマークアップを強化したいので、pagebeforeload イベントを使用しました。

4

1 に答える 1

1

pagebeforeloadイベントのドキュメントをチェックアウトします。

pagebeforeload

読み込みリクエストが行われる前にトリガーされます...

ソース: http://jquerymobile.com/demos/1.1.0/docs/api/events.html

pagebeforeloadAJAX 経由で取り込まれたページに対してのみ発生するため、このイベントが発生すると、#content要素は存在しません。

同じドキュメント ページからの抜粋に注意してください。

ページロード

ページが正常にロードされ、DOM に挿入された後にトリガーされます。

これは、使用したいイベント、またはpageinit外部ページだけでなくすべてのページに対して発生するイベントです。pageloadページが実際に初期化される前にイベントが発生すると思われるため、HTML に追加するウィジェットはすべて自動的に初期化する必要があります。

于 2012-04-20T20:08:27.350 に答える