0

嗨,我正在使用 jqm 和 i18next。我已成功应用本地化,但应用 i18next 时我的 NavBar ul li 标签样式丢失。我试过触发和刷新都不起作用

这是我的代码

html代码

<div data-theme="a" data-role="footer" data-inset="true" data-position="fixed" data-tap-toggle="false">
    <div data-role="navbar" >  
        <ul class="BottomToolbar">  
            <!--  <li><a rel="external" id="amailbox" href="mailbox.html" data-i18n="BottomToolbar.amailbox"   data-icon="jalf-email"    > MailBox </a></li>-->
            <li><a rel="external"  id="afavorites" href="favorites.html" data-i18n="BottomToolbar.afavorites" data-icon="jalf-favorites" > Favorites </a></li>  
            <li><a  rel="external" id="asearch" href="search.html"  data-i18n="BottomToolbar.asearch" data-icon="jalf-search"   > Search </a></li> 
            <li><a  rel="external" id="aphotos" href="AlbumCategory.html"  data-i18n="BottomToolbar.aphotos" data-icon="jalf-photos"   > Photos </a></li> 
            <li><a  rel="external" id="alocation" href="location.html"  data-i18n="BottomToolbar.alocation" data-icon="jalf-location" > Location </a></li> 
        </ul>  
    </div> 
</div>

这是jsfiddle

4

1 回答 1

0

使用 jQuery 1.4.2 我已经修复它是这样的:

<div data-theme="a" data-role="footer" data-inset="true" data-position="fixed" data-tap-toggle="false">
    <div data-role="navbar" > 
        <ul class="BottomToolbar"> 
            <!-- <li><a rel="external" id="amailbox" href="mailbox.html"  data-icon="jalf-email"><span data-i18n="BottomToolbar.amailbox"></span</a></li>-->
            <li><a rel="external" id="afavorites" href="favorites.html" data-icon="jalf-favorites"><span data-i18n="BottomToolbar.afavorites"></span></a></li> 
            <li><a rel="external" id="asearch" href="search.html" data-icon="jalf-search"><span data-i18n="BottomToolbar.asearch"></span></a></li> 
            <li><a rel="external" id="aphotos" href="AlbumCategory.html" data-icon="jalf-photos"><span data-i18n="BottomToolbar.aphotos"></span></a></li> 
            <li><a rel="external" id="alocation" href="location.html" data-icon="jalf-location"><span data-i18n="BottomToolbar.alocation"></span></a></li> 
        </ul> 
    </div> 
</div>
于 2014-06-10T18:04:54.197 回答