Jquery モバイル アプリケーションで 3 つの読み込みスピナーを作成し、しばらくの間ページ (別の場所) に表示したいと考えています。私の例では、function1() を呼び出すときに #main-menu div にスピナーをロードしたい、function2() を呼び出すときに .news div にスピナーをロードしたい、function3() を呼び出すときにロードしたい.some-class div のスピナー。これが私のHTMLページの例です:
<html>
<head>
<script>
function1();
function2();
function3();
</script>
</head>
<body>
<div id="container">
<div data-role="page" id="home">
<div data-theme="a" data-role="header">
<div id="main-menu" >
</div>
</div>
<div data-role="content">
<div class="news">
</div>
<div class="some-class">
</div>
</div>
<div data-theme="a" data-role="footer">
</div>
</div>
</div>
</body>
$.mobile.loading('show') を使用すると、ページの中央にローディング スピナーが 1 つだけ表示されます。複数のローディング スピナーを作成する方法はありますか? ヒントをいただければ幸いです。