ここで、質問の解決策を見つけるために助けが必要です:
<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 リンクを提供することも役に立ちます。