Jquery mobile - 文本内部图标消失了吗?

时间:2014-03-16 16:49:19

标签: javascript jquery html css jquery-mobile

我不知道为什么我的文字内部图标消失了。此图标内的文字应为EN。你们能帮帮我吗?非常感谢你。 website

PS:当我切换默认用户代理时,文本内部图标适用于firefox和chrome,但不能在opera mobile上运行。

icon_problem

这是与该图标相关的Jquery(我认为这不是问题):

$('#lang_menu').click(function(e){
    e.preventDefault();
    $('#languages').slideToggle('300');
    if($("#languages").css('visibility') == 'hidden') {

    }else{
        $('#languages h4 a').trigger('click');    
    }
});

CSS:

table tr td  {
    padding: 0;
    margin: 0;
}
body{
    width: 100%;
}
#nav h4 .ui-icon, h4 #nav .ui-icon-plus, #nav h4  .ui-icon-shadow{
    display:none;
}
.ui-header{
    background: #4E8ECE !important;
}
#header .ui-btn{width: 37px !important; height: 37px !important;}

HTML:

<div class="ui-btn-right" data-role="controlgroup" data-type="horizontal">
     <a style="height:37px" href="/{$country}/{$lang}/1_reseni-pro-prumyslovou-a-procesni-automatizaci-kvalitu-a-it.html" data-role="button" data-icon="home" data-inline="true" data-theme="b" data-iconpos="notext">Home</a>  
     <a style="height:37px" id="menu" href="#" data-role="button" data-inline="true" data-icon="grid" data-theme="b" data-iconpos="notext">Menu</a>
     <a style="height:37px" id="globe_menu" href="#" data-role="button" data-inline="true" data-theme="b"><img align="left" src="/css/globe_white.png"/></a>
     <a style="height:37px" id="lang_menu" href="#" data-role="button" data-inline="true" data-theme="b">EN</a>
     <a style="height:37px" id="search_menu" href="#" data-role="button" data-inline="true" data-icon="search" data-theme="b" data-iconpos="notext">Search</a>
</div>

0 个答案:

没有答案