2011-11-29 33 views
26

Ekleme jQuery mobile, başlangıç ​​sayfasında yükleme iletisi ekliyor gibi görünüyor. Gerçekten neler olup bittiğini biliyorum ama şu basit parçacığını düşünmüyoruz: Hatta yükleme mesajı görmek için aşağı kaydırmak zorundajQuery mobile, "yükleme başlığı" sayfa

<!DOCTYPE html> 
<html> 
    <head> 
    <title>sadFace</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 
    <meta charset="utf-8" /> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
    </head> 
    <body> 
    <h1>;__;</h1> 
    </body> 
</html> 

.

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> 
</head> 
<body> 
<div data-role="page"> 
    <div data-role="header"> 
     <h1>;_;</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
     <p>Same shit, different page.</p>  
    </div><!-- /content --> 

    <div data-role="footer"> 
     <h4><a href="http://www.google.com/pacman/">need cookies :C</a></h4> 
    </div><!-- /footer --> 
</div><!-- /page --> 
</body> 
</html> 

aynı: yüzden ben tipik jQuery mobil sayfa anatomisini aşağıdaki fakat değilim neden olur diye düşündüm. Bu davranış tarafından tamamen hayrete düştüm. Projemizi geçen haftadan başladığım halde jQuery1.0rc2'yi de aynı sonuçla test ediyorum ve iyi görünüyor. <'da neler oluyor? <

jQuery Mobile' js numaralı belgeye baktığımda, bu initializePage: function() iletiden sorumlu olduğunu düşünüyorum. Ben

//cue page loading message 
$.mobile.showPageLoadingMsg(); 

dışarı veya autoInitializePage: false set ama (bir hata değilse) Doğrusu değiştirilmiş jQuery dosyasını içeren olmayan bir çözümü tercih olabilir.

cevap

37

Sen de CSS eklemek zorunda, o zaman iyi olacak:

Ayrıntılı olarak
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 

:

:

Her zaman vücudunuzun alt kısmında aşağıdaki HTML koyar

<div class='ui-loader ui-body-a ui-corner-all'><span class='ui-icon ui-icon-loading spin'></span><h1></h1></div> 

Bu, ilgili CSS'dir (bu nedenle isterseniz kendi başınıza oynatabilirsiniz)

.ui-loading .ui-loader { display: block; } 
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; } 

fonksiyon showPageLoadingMsg HTML etiketine CSS sınıfı '.ui yükleme' ekler ve o zaman jquery-mobil kitaplığı yüklenemedi ÖNCE

+0

CSS dışında, bu tüm çerçevelerin yapacağı aynı rahatsız edici şey - ve ... –

+0

Bir h1 koymasını nasıl engellerim? – Jayen

16

Aşağıdaki kullanarak autoInitializePage durdurabilirsiniz görünür hale

jQuery(document).on("mobileinit", function() { 
    jQuery.mobile.autoInitializePage = false; 
}); 
burada

diğer bilgiler: http://api.jquerymobile.com/global-config/

2

sizin JS dosyasına üstüne bu ekle

$.mobile.autoInitializePage = false;