我需要帮助才能找到问题的解决方案:
<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链接对我来说也很有用。
答案 0 :(得分:2)
试试这个:
document.location.reload()
它应该刷新你的页面。