0

我是移动开发新手，我正在开发一个简单的移动应用程序。我正在使用 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>"
          });
}

第二页： 

<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();

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

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