2012-02-02 30 views
1

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> 
+0

コンソールにエラーがありますか?デモへのリンク? –

+0

コンソールにエラーがありません – theringostarrs

答えて

1

チェックアウトを検討GithubのjQuery Mobile Boilerplateプロジェクトこれには完全なjQuery Mobileプロジェクトが含まれており、コードをスニペットと比較して作業中のプロジェクトと比較することができます。

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

+2

これは解答として選択されましたが、説明はありません。ソリューションが実際にどのようなものだったのか教えていただけますか? –

+2

はい。私もこのトラブルがあります –

関連する問題