在 web 移动应用 NavBar 中使用 i18next 本地化和 jquerymobile v1.3.2 样式丢失答案

【问题标题】：Using i18next localization and jquerymobile v1.3.2 in web mobile app NavBar Style is lost在 web 移动应用 NavBar 中使用 i18next 本地化和 jquerymobile v1.3.2 样式丢失
【发布时间】：2014-02-18 12:56:33
【问题描述】：

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

【问题讨论】：

$(".BottomToolbar .ui-btn-text") 以及 :)

标签： html css jquery-mobile html-lists i18next

【解决方案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>

【讨论】：