JQuery Mobileマルチページ - カスタム戻るボタンアイコン

Question

私はMultiPageをJQuery Mobileで作成しましたが、最後のステップとして、標準ボタンからカスタム.pngにカスタマイズしてプロデュースしたいこのようになりますページ：

<div data-role="page" id="2" data-theme="a"> 

    <div data-role="header" style="background-image:url(background_sun1.png)"> 
    <div class="ui-grid-a"><img src="teainc_empty.png" width="150"><img src="120.png"><img src="logo.png" width="45"></div> 
    <div class="ui-grid-b"><img src="1.png" width="1"></div> 
    </div> 

    <div data-role="content"style="background-image:url(background_dark.png)"> 
     <img src = "news_head.png"> 
     <div><ul style="font-size:14px" id="output1"></ul></div> 
    </div><!-- /content --> 

    <div data-role="footer" style="background-image:url(background_sun2.png)"> 
    <div class="ui-grid-b"><img src="1.png" width="5"></div> 
    </div><!-- /footer --> 
</div><!-- /page 2 --> 

は、それがカスタムバックボタンではなく示されているデフォルトの1を使用するように、私は

<div data-role="page" id="2" data-theme="a"> 

に追加することができます何かありますか？ここ

Answer 1

バックヘッダに（任意のボタンの同じ）ボタンをカスタムアイコンを使用して、簡単な例である

http://jsfiddle.net/mKfBM/1/

フォーマット.ui-icon-<Replace the brackets with any name you want to choose>のスタイルを定義します。この例では、perfect.Itがicon.Preferablyカスタムを使用する方法のほんの一例ですされていません。.ui-icon-custom-back-icon

PS - は、次にボタンの例ではdata-role="<Replace the brackets with the name you have chosen>" を定義し、私は私はこのようなスタイルを定義しcustom-back-icon .Henceを使用しましたアイコンは次元18x18（jqmフレームワークで使用されているアイコンの大きさです）を使用します。この場合、幅と高さのスタイルをオーバーライドする必要はありません。