html - 在网络移动应用程序中使用 i18next 本地化和 jquerymobile v1.3.2 NavBar 样式丢失

Question

您好，我正在使用 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

Answer 1

我使用 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>