在这里我需要帮助来找到我的问题的解决方案:
<script type="text/javascript">
function ShowHide(id)
{
$('.datatab').each(function(){
if($(this).attr('id') != id)
{
$(this).hide();
}
else
{
$(this).show();
}
});
}
</script>
选项卡控件:
<div data-role="navbar">
<ul>
<li class="tabLi"><a onclick="ShowHide('contact')" class="ui-btn-active ui-state-persist">Contact</a></li>
<li class="tabLi"><a onclick="ShowHide('primary')">Primary</a></li>
<li class="tabLi"><a onclick="ShowHide('working')">Working</a></li>
</ul>
</div>
<div id="contact" class="datatab" >
<ul data-role=listview data-inset=true data-theme=d>
<li data-theme=e ><font size="1px"> Contact Info </font></li>
<li><font size="1px"> Phone No :
</font></li>
</ul>
</div>
<div id="primary" class="datatab" hidden>
<ul data-role=listview data-inset=true data-theme=d>
<li data-theme=e ><font size="1px"> Contact Info </font></li>
<li><font size="1px"> Phone No :
</font></li>
</ul>
</div>
<div id="working" class="datatab" hidden >
<ul data-role=listview data-inset=true data-theme=d>
<li data-theme=e ><font size="1px"> Contact Info </font></li>
<li><font size="1px"> Phone No :
</font></li>
</ul>
</div>
当我现在单击选项卡it should show the corresponding div
时,它正在显示,但仅在刷新页面后:
我的建议是刷新页面时,我通过href输入它。不幸的是,我不知道代码。谁能帮我摆脱这个...?
提供 jsFiddle 链接对我也很有用。