7

私はmobile site in MVCjquerymobileを初めて使用して、JQMチュートリアルから次のコードをコピーし、ViewMVCに貼り付けようとしています。

<div data-role="page" id="home">

  <div data-role="header">
    <h1>Home</h1>
  </div>

  <div data-role="content"> 
    <p><a href="#about" data-role="button">About this app</a></p>    
  </div>

</div>

<div data-role="page" id="about">

  <div data-role="header">
    <h1>About This App</h1>
  </div>

  <div data-role="content"> 
    <p>This app rocks! <a href="#home" data-role="button">Go home</a></p>    
  </div>

</div>

私の問題は、back button on header in the demoコードをコピーした場所が表示されていることですが、これを実行すると、the back button is not there誰かが教えてくれますか、なぜこれが起こったのですか？

4

3 に答える 3

15

「ページ」divに次の属性を配置してみてください。

data-add-back-btn="true"

例えば

<div data-role="page" id="home" data-add-back-btn="true">
于 2012-05-21T20:04:29.090 に答える
6

編集：
OK JQMにはその機能がありますが、デフォルトでは無効になっていますが、addBackBtntrueに設定するか、data-add-back-btn="true"属性をページdivに追加することで有効にできます。

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - 戻るボタンを追加します。

一般に、戻るボタンが必要な場合はdata-rel="back"属性を使用するだけで、ヘッダーに表示したい場合はそこに追加する必要があります。

<div data-role="page">
<div data-role="header"> 
 <a href="#" data-rel="back">back</a> <h1> Title of page </h1>
</div>
<div data-role="content">
   </div>
<div data-role="footer"><h1>Footer </h1></div>
</div>
于 2012-05-21T20:12:56.777 に答える