当我通过href调用时如何刷新jquery移动页面?

时间:2012-09-12 12:02:13

标签: jquery jquery-mobile

我需要帮助才能找到问题的解决方案:

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

1 个答案:

答案 0 :(得分:2)

试试这个:

document.location.reload()

它应该刷新你的页面。