Question

我是移动设备的新手，我正在开发一个简单的移动应用程序。即时通讯使用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>

Answer 1

在您发布的代码中，由于您添加了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
});

选择navbar jquery mobile

1 个答案: