1

我想在我的 Jquery 移动应用程序中创建三个加载微调器，它们将在我的页面（不同位置）上显示一段时间。在我的示例中，当我调用 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') 它只会在页面中间显示一个加载微调器。有没有办法创建多个加载微调器？我真的很感激任何提示。

4

2 回答 2

1

如果有人需要，我是如何解决这个问题的：我使用了插件 spin.js http://fgnass.github.io/spin.js/ 它非常易于使用，您可以拥有多个加载微调器。

于 2013-06-16T16:34:08.740 回答
0

jQuery Mobile 没有为您提供一次显示 3 个加载器的方法。您可以利用 jQuery Mobile 在中间显示一个加载器。

我认为您正在尝试使用 ActionBar 等上的加载器模拟 Android UI。您可以做的是gif在 div 中动态显示和隐藏加载器图像。

用户 jquery .css 方法向 div 添加和删除背景 gif

于 2013-05-28T06:13:09.987 回答