1

私はこれを何日もグーグルで調べてきましたが、同様のスレッドがたくさんありますが、答えはまだわかりません. 私はこれに問題を切り詰めました：

<div data-role="header" data-id="myHeader" data-theme="none" data-position="fixed">
        <img src="images/my1200x150logo.jpg"/>
</div><!-- /header -->

<div data-role="content">
    <p>Content line 1</p>
    <p>Content line 2</p>
    <p>Content line 3</p>
    <p>Content line 4</p>
    <p>Content line 5</p>
</div><!-- /content -->

<div data-role="footer" data-id="myFooter" data-theme="c" data-position="fixed"> 
  <h4>My footer</h4>
</div><!-- /footer -->

ページに合わせてロゴ画像のサイズを変更してRWD効果を実現しようとしています。これはすべて、jqm updatePagePadding ルーチンで padding-top をゼロに設定し、コンテンツが画像の下に流れてしまう初期ページ読み込みを除いて、完全に機能します。

js が実行されてから数時間後に画像が読み込まれることを理解しています。これは一般的な問題です。ページのサイズ変更などのイベントにより、パディングが正しく更新されます。

私の質問は、画像の読み込みが完了した後に JQM に updatePagePadding を強制的に呼び出すにはどうすればよいですか?

4

1 に答える 1

0

Jquery pageshow イベント? APIへのリンク

基本的に、jquery はページが読み込まれた後にイベントを発生させ、要素の準備ができたら、そのイベントを待ってから関数を呼び出すことができます。例:

$("#pageID").on("pageshow",function(){
   updatePagePadding();
});

また、すべてのjqueryモバイルページ、ページウィジェットAPIにバインドされているイベントに関する完全なリファレンスについては、これを確認してください

于 2013-07-18T03:42:41.060 に答える