Javascript 获取选定的navbar jquery mobile

我是移动开发的新手，我正在开发一个简单的移动应用程序。 我正在使用jquery mobile。
如何获取所选导航栏的值？
我的第一页是这样的：

<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>"
          });
}  

函数simpledial（）{ $（'div#body'）。simpledialog2({ 模式：“空白”， 标题文本：“”， 头晕：错， 空白内容： “

”+ “
”+ “

”+ "" }); } 第二页：

<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>

---

在您发布的代码中，所有按钮都处于活动状态，因为您添加了

ui btn active

类

您应该仅使用

ui状态为persist

且要激活nav的类。将其固定后，将非常简单：

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

您将获得当前导航栏的文本。如果要在应用程序的所有页面中选择它，则应将该getter绑定到

pageBeforeCreate

事件：

$( '#aboutPage' ).on('pagebeforecreate',function(event){
  var currentNav = $('a.ui-btn-active').text();
  // Do fancy things with it
});

---

是的，你是对的，我可以用“ui btn active”只修复一个元素，然后调用$（“.ui btn active”）.val（）？你应该在给定页面上只使用一个ui btn active。