jQuery Mobileを既存のモバイルページに統合しようとしています。折りたたみ可能な要素を使い、フィーチャを作成したいJQueryモバイル空白ページ(ロード時)
jsファイルをインクルードしてページを読み込むと、ページが空白になります。含まれていない場合は、正しく表示されます。私はdata-role="page"
と以下のように "content"を追加しました:
Firebugで見る私はbody要素が'ui-mobile-viewport'
クラスを持っていることを見て、可視性はhiddenに設定されています。その子要素はdisplay = none
です。
jqueryのモバイル-1.0.1.jsの(ライン5014)をデバッグするとき、私は、コンソールでこのエラーを取得しています:以下
$el.prop is not a function
if ($el.prop("disabled")) {
コード:
を<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>
コンソールにエラーがありますか?デモへのリンク? –
コンソールにエラーがありません – theringostarrs