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>
des erreurs dans la console? lien vers la démo? –
aucune erreur dans la console – theringostarrs