私はJQueryモバイルを使用してアプリケーションを構築しました。 Webブラウザでテストするとうまく動作します。しかし、PhoneGapを使って自分の電話機にダウンロードしたら、すべてのページのスタイルとレイアウトは機能しません。それは単なるテキストページです。アプリは2つのページといくつかの簡単な機能を持っています。私はスタイリングにテーマローラーを使用しましたが、ダウンロード時には何も表示されません。あなたのテーマの後PhoneGapアプリがダウンロード後に正しく表示されない
<!DOCTYPE html>
<html>
<head>
<title>Portfolio Page</title>
<link rel="stylesheet" href="themes/MyTheme.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page1" data-theme="d">
<div data-role="header">
<h1>My Portfolio</h1>
<div data-role="navbar">
<ul>
<li><a href="#page1" data-icon="grid">Home</a></li>
<li><a href="#page2" data-icon="grid">Contact Me</a></li>
</ul>
</div>
</div>
<div data-role="main" class="ui-content">
<h1>Personal Info</h1>
<div data-role="collapsible">
<h1>Past Work</h1>
<p>Look at my past work</h1>
</div>
<div data-role="collapsible">
<h1>Education</h1>
<p>Teaching myself to code</h1>
</div>
</div>
<div data-role="footer">
<h2>My portfolio</h2>
</div>
</div>
<div data-role="page" id="page2" data-theme="d">
<div data-role="header">
<h1>My Portfolio</h1>
<div data-role="navbar">
<ul>
<li><a href="#page1" data-icon="grid">Home</a></li>
<li><a href="#page2" data-icon="grid">Contact Me</a></li>
</ul>
</div>
</div>
<div data-role="main" class="ui-content">
<h1>Contact Me</h1>
<form>
<label for="essay">Tell me what you think</label>
<textarea name="essay" id="essay" placeholder="Rate me"></textarea>
<label for="range">Rate me out of 10</label>
<input type="range" name="rate" id="rate" min="0" max="10" />
<input type="submit" name="go" id="go" value="Rate My App" />
</form>
</div>
<div data-role="footer">
<h2>My Portfolio</h2>
</div>
</div>
</body>
</html>
ヘッダー部分を含むHTMLページのコード全体を指定します。スタイルをリンクする方法を確認する必要があります。 –
ありがとう私は完全なコードを追加しました。 –
ローカルファイルとしてjQueryとJQMを設定しました – deblocker