1

JQuery Mobile Webアプリのページ読み込みウィジェット用のカスタムHTMLを作成するにはどうすればよいですか？

私は次のことを試しました：

$(document).on('mobileinit', function(){
    $.mobile.loader.prototype.options.html = "<span class='ui-bar ui-overlay-c ui-corner-all'><img src='/image/logo.png' /><h2>loading...</h2></span>";
});

ただし、デフォルトの画像は引き続き表示されます。グローバル構成にしたい。

4

1 に答える 1

2

1ページで

ローダーのドキュメントはこちらから入手できます。また、あなたに非常に関連するこのドキュメントをチェックしてください。

あなたは以下のように何かをすべきです

$(document).ready(function() {
  $.mobile.loading('show', {
    text: 'foo',
    textVisible: true,
    theme: 'z',
    html: "<span class='ui-bar ui-overlay-c ui-corner-all'><img src='http://www.shougun.it/images/loading.gif' /><h2>loading...</h2></span>"
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<div data-role="page">
  <div data-role="header">
    <h1>header</h1>
  </div>
</div>

グローバルとして設定するには

それはログに記録する必要があります<script src=jquery.js>が、その前に、イベント<script src=jquerymobile.js>で呼び出される必要があります。mobileinitjQuery Mobile jsをロードする前にjsをインポートしましたか？

于 2013-03-27T04:54:09.380 に答える