Question

我想在我的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'），它只会在页面中间显示一个加载微调器。有什么办法吗？创建多个加载微调器？我真的很感激任何提示。

Answer 1

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

Answer 2

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

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

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

如何在jQuery mobile中创建多个加载微调器？

2 个答案: