0

...実際、私が前に置いたすべてのマークアップ

<div data-role="page">...</div>

が表示される時間はごくわずかで、ページが完全にレンダリングされると、これらのコンテンツはすべて消えます。ただし、Source/Firebugにはまだ表示されています。

このプロジェクトではHTML5Boilerplateを使用しています。ここにいくつかのコードがあります-多分私が見つけられなかったいくつかの衝突がありますか？！

<head>
<link rel="stylesheet" href="styles/normalize.css"/>
<link rel="stylesheet" href="styles/vendor/jquery.mobile-1.2.0.css"/>
<link rel="stylesheet" href="styles/vendor/jquery.mobile.structure-1.2.0.css"/>
<link rel="stylesheet" href="styles/vendor/jquery.mobile.theme-1.2.0.css"/>
<script type="text/javascript" src="scripts/vendor/modernizr-2.6.1.min.js">
</script>
</head>

<body>
<!-- header disappears after page is rendered :( //-->
<div data-role="header">
 Here goes the Head-Content
</div>

<h3>This content disappears also :( ... </h3>

<!-- everything below this point stays visible! //-->
<div data-role="page">...</div>    
</body>

...

<script type="text/javascript" src="scripts/vendor/jquery-1.8.3.min.js">
</script>
<script type="text/javascript" src="scripts/vendor/jquery.mobile-1.2.0.min.js">
</script>
4

1 に答える 1

2

尋ねられたように:)

jQuery mobileではdata-role="page"、コンテンツのコンテナではなく、文字通り提供したいページであり、他のものは表示されません。data-role="header"あなたはあなたの中に入れる必要がありますdata-role="page"、そしてそれはうまくいくでしょう

jquerymobile.comの基本的なjQueryモバイルページ：

<!DOCTYPE html> 
<html> 
<head> 
  <title>Page Title</title> 
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head> 
<body> 

  // Anything here will not be on the page   

  <div data-role="page"> 
    <div data-role="header">...</div> 
    <div data-role="content">...</div> 
    <div data-role="footer">...</div> 
  </div> 

  // Anything here will not be on the page

</body>
</html>

ここで証明

于 2013-01-08T14:19:33.243 に答える