如何在jQuery Mobile中創建多個加載微調器？

我想在我的jquery移動應用程序中創建三個加載紡紗器，這些應用程序將在我的頁面（不同位置）顯示一段時間。在我的例子中，當我調用function1（）我想在＃main-menu div中加載spinners，當我調用function2（）我想在.news div加載微調，當我調用function3（）我想加載spinner in .some-class div。這裏是我的例子HTML頁面：如何在jQuery Mobile中創建多個加載微調器？

<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（「秀」），它只會顯示一個裝載在微調頁面的中間。有沒有辦法創建多個加載微調器？我真的很感激任何提示。

來源

2013-05-27 Kolovrat

jQuery Mobile不會爲您提供一次顯示3個裝載器的方法。您可以利用jQuery Mobile在中間顯示加載器。

我想你是試圖在ActionBar等上用加載器來模擬Android UI。你可以做的是動態地在div中隱藏一個gif加載器圖像。

用戶的jQuery .css method添加和刪除背景GIF到div

來源

2013-05-28 06:13:09

謝謝我會盡量用CSS方法，我會在這裏發佈答案。 – Kolovrat

如果有人需要在這裏是我如何解決了這個問題：我用的插件spin.js http://fgnass.github.io/spin.js/ 這是很容易使用，你可以有多個加載紡紗器。

來源

2013-06-16 16:34:08 Kolovrat

如何在jQuery Mobile中創建多個加載微調器？

回答

相關問題