2012-02-02 5 views
1

Je tente d'intégrer jQuery Mobile dans une page mobile existante. Je veux utiliser l'élément réductible et les caractéristiques de forme.JQuery Mobile page vide sur la charge

Lorsque j'inclue le fichier js et charge la page, la page est rendue vide. Quand il n'est pas inclus, il est rendu correctement. J'ai ajouté data-role="page" et "contenu" comme ci-dessous:

En regardant dans Firebug je vois l'élément de corps a la classe 'ui-mobile-viewport' dessus et sa visibilité est mis à caché; ses éléments enfants ont display = none.

Je reçois cette erreur de la console lors du débogage (ligne 5014) de jquery-mobile-1.0.1.js:

$el.prop is not a function 
     if ($el.prop("disabled")) { 

code ci-dessous:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
<title><%=PageTitle%></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/> 
<link rel="stylesheet" type="text/css" href="<%=CssPath%>/jquery.mobile-1.0.1.css" media="screen" /> 

<script type="text/javascript" src="<%=JsPathShared%>/jquery.js"></script> 
<script type="text/javascript" src="<%=JsPath%>/page.js"></script> 
<script type="text/javascript" src="<%=JsPath%>/jquery.mobile-1.0.1.js"></script> 
</head> 
<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 
<div data-role="page" id="page-wrap" > 
<header> 
    <%RenderBanner();%> 

</header> 
<div data-role="content" class="section-wrap"> 

    <%Render();%> 
    <footer> 
    <nav> 
     <%RenderNavigation();%> 
    </nav> 
    <%RenderFooter();%> 
    </footer> 
</div> 
</div> 
<%=GoogleAnalytics()%> 
</body> 
</html> 
+0

des erreurs dans la console? lien vers la démo? –

+0

aucune erreur dans la console – theringostarrs

Répondre

1

Tenir compte de vérifier la Projet jQuery Mobile Boilerplate de Github. Il contient un projet jQuery Mobile complet ainsi que des extraits de code que vous pouvez utiliser pour comparer votre code à un projet en cours.

https://github.com/commadelimited/jQuery-Mobile-Boilerplate

+2

Cette option a été sélectionnée comme réponse, mais sans explication. Pouvez-vous nous dire quelle était la solution? –

+2

Oui, s'il vous plaît. J'ai aussi des problèmes –

Questions connexes