1

在这里我需要帮助来找到我的问题的解决方案:

<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 链接对我也很有用。

4

1 回答 1

2

试试这个:

document.location.reload()

它应该刷新您的页面。

于 2012-09-12T12:37:40.377 回答