0

モバイル開発の新人で、シンプルなモバイルアプリに取り組んでいます。jquerymobileを使用しています。
選択したナビゲーションバーの値を取得するにはどうすればよいですか？
私の最初のページは次のようなものです。 

<div data-role="page" data-title="first" id="first"  > 

         <div data-role="header" data-position="fixed" id="myheader">
         <div data-role="navbar">
         <ul>
            <li><a href="#"  class="ui-btn-active ui-state-persist">V</a></li>
            <li><a href="#"  class="ui-btn-active ui-state-persist">B</a></li>
            <li><a href="#"  class="ui-btn-active ui-state-persist">R</a></li>
            <li><a href="#"  class="ui-btn-active ui-state-persist">C</a></li>
        </ul>
        </div>
     </div>
         <div data-role="content" id="de">
         <a href="#" data-role="button" onclick="simpldial()" >Afficher</a>
    </div>
</div>

simpledial関数は次のとおりです。 

function simpledial() {

    $('div #body').simpledialog2({
            mode: 'blank',
            headerText: '' ,
            headerClose: false,
            blankContent : 
              "<ul data-role='listview'>" +
                    "<li><a href='#second'>go second page</a></li>" +

              "</ul>"+
                "<a rel='close' data-role='button' href='#'>Close</a>"
          });
}

2ページ目： 

<div data-role="page" data-title="second" id="second"  > 

         <div data-role="header" data-position="fixed" id="myheader">


     </div>

<div data-role="content" id="dd">


        <!-- Here i want to get the selected navbar in the first page -->
    </div>

     </div>
4

1 に答える 1

0

ui-btn-active投稿したコードでは、クラスを追加したため、すべてのボタンがアクティブになっています。

そのクラスは、アクティブにしたいナビゲーションを持つでのみ使用する必要があります。ui-state-persistこれを修正すると、次のように簡単になります。

$('a.ui-btn-active').text();

そして、現在のナビゲーションバーのテキストを取得します。アプリケーションのすべてのページでそれを選択する場合は、そのゲッターをpageBeforeCreateイベントにバインドする必要があります。

$( '#aboutPage' ).on('pagebeforecreate',function(event){
  var currentNav = $('a.ui-btn-active').text();
  // Do fancy things with it
});
于 2012-05-28T08:42:07.080 に答える