0

私のアプリケーションでは、ナビバーを使用して下部のタブメニューを表示していますが、ここに画像の説明を入力 上の画像に示すように、ハイライターを選択するとブレーキがかかります。私が使用している以下のコード。

<!-------------Footer---------------------------------------->

<div data-role="footer" class="test1"  id="bottom-footer" data-position="fixed">
    <div data-role="navbar" class="test1" data-grid="d">
       <ul data-transition="none"> 
        <li><a data-transition="none" id="menu_nav_walloffame" data-icon="custom" data-iconpos="top" > Wall</a></li>
        <li><a data-transition="none" id="menu_nav_associateview" data-icon="custom" data-iconpos="top">Associate</a></li>
        <li><a data-transition="none" name="menu_nav_managersview" id="menu_nav_managersview" data-icon="custom" >Managers</a></li>
        <li><a data-transition="none" id="menu_nav_treasurechest" data-icon="custom" data-iconpos="top" >Treasure</a></li>
        <li><a data-transition="none" id="menu_nav_redeem" data-icon="custom" data-iconpos="top" >Redeem</a></li>
       </ul>
    </div>
  </div><!---------footer----------------->
4

1 に答える 1

0

ここで正常に動作していますhttp://jsfiddle.net/zVgAz/

または、このjqueryを試してください..（このスクリプトがなくても機能します）

Jクエリ

$('ul#footer_nav').on('vclick', 'li', function() {
    $( "ul#footer_nav" ).navbar({
        create: function( event, ui ) {}
    }); 
});

HTML

<div data-role="footer" class="test1"  id="bottom-footer" data-position="fixed">
        <div data-role="navbar" class="test1" data-grid="d">
           <ul id="footer_nav" data-transition="none"> 
            <li><a data-transition="none" id="menu_nav_walloffame" data-icon="custom" data-iconpos="top" > Wall</a></li>
            <li><a data-transition="none" id="menu_nav_associateview" data-icon="custom" data-iconpos="top">Associate</a></li>
            <li><a data-transition="none" name="menu_nav_managersview" id="menu_nav_managersview" data-icon="custom" >Managers</a></li>
            <li><a data-transition="none" id="menu_nav_treasurechest" data-icon="custom" data-iconpos="top" >Treasure</a></li>
            <li><a data-transition="none" id="menu_nav_redeem" data-icon="custom" data-iconpos="top" >Redeem</a></li>
           </ul>
        </div>
  </div>
于 2013-06-05T07:43:03.593 に答える