không ẩn tải cho đến khi trang tải hoàn toàn trong điện thoại di động jquery

Tôi đang cố hiển thị tiện ích tải trang cho đến khi trang tải hoàn toàn, sau đó nó sẽ ẩn ... và thực hiện quy trình này mỗi lần tôi nhấn bất kỳ neo để truyền vào trang tiếp theo ..không ẩn tải cho đến khi trang tải hoàn toàn trong điện thoại di động jquery

Hỗ trợ tôi có ba trang ...

<div data-role="page" id="home">....</div> 
<div data-role="page" id="about">....</div> 
<div data-role="page" id="contact">....</div>

Script về vấn đề này tôi đang sử dụng: -

$(document).on("pagecreate", function(event) { 
    //alert("Take It Show"); 
    $(".ui-loader").loading("hide"); 
});

Có thể thêm quá trình chuyển đổi như data-transition="slide" vào bất kỳ vị trí neo nào hoặc sử dụng data-ajax="false" trong đó ... ??

Nguồn

2013-05-13 SaurabhLP

dụ làm việc: http://jsfiddle.net/Gajotres/Zr7Gf/

Về cơ bản javascript từ phía dưới là tất cả các bạn cần.

HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQM Complex Demo</title> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
</head> 
<body> 
    <div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#second" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div>  
    <div data-role="page" id="second"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#index" class="ui-btn-left">Back</a> 
     </div> 

     <div data-role="content"> 

     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div>  
</body> 
</html>

Javascript:

$(document).on('pagebeforecreate', '[data-role="page"]', function(){  
    var interval = setInterval(function(){ 
     $.mobile.loading('show'); 
     clearInterval(interval); 
    },1);  
}); 

$(document).on('pageshow', '[data-role="page"]', function(){ 
    var interval = setInterval(function(){ 
     $.mobile.loading('hide'); 
     clearInterval(interval); 
    },300);  
});

Nguồn

2013-05-13 10:50:45 Gajotres

câu trả lời tốt đẹp, cảm ơn vì điều đó ... – SaurabhLP

tôi thấy mã của bạn là khác nhau từ [jsfiddle.net/Gajotres/Zr7Gf ] (http://jsfiddle.net/Gajotres/Zr7Gf/) – ggDeGreat

không ẩn tải cho đến khi trang tải hoàn toàn trong điện thoại di động jquery

Trả lời

Các vấn đề liên quan