首页 新闻 搜索 专区 学院

jquery mobile 导航不重新请求服务器

0
[已解决问题] 解决于 2015-12-30 09:51

今天用jquery mobile做了一个导航,里面有两个page,原以为点击导航的时候不会重新请求服务器,因为所有数据第一次请求都已加载好了,以为会作为一个锚点跳转,但调试时发现每点一次导航,都会重新请求服务器,求解。

<body>
   <div data-role="page" data-theme="b" id="info">
            <div data-role="header">
                <h1>
                    比赛排名</h1>
            </div>
            <div data-role="navbar">
                <ul>
                    <li><a href="#" data-icon="home">比赛详情</a></li>
                    <li><a href="#ranklist" class="ui-btn-active" data-transition="slide" data-icon="arrow-r">
                        比赛排名</a></li>
                </ul>
            </div>
            <div data-role="content">
            </div>
            @Html.Partial("_Footer")
    </div> 
  
    <div data-role="page" data-theme="b" id="rankList">
            <div data-role="header">
                <h1>
                    比赛排名</h1>
            </div>
            <div data-role="navbar">
                <ul>
                    <li><a href="#info" data-icon="home">比赛详情</a></li>
                    <li><a href="#" class="ui-btn-active" data-transition="slide" data-icon="arrow-r">
                        比赛排名</a></li>
                </ul>
            </div>
            <div data-role="content">
            </div>
            @Html.Partial("_Footer")
    </div> 
</body>

 

<div data-role="navbar">
    <ul>
        <li><a href="#info" data-icon="home">比赛详情</a></li>
        <li><a href="#rankList" data-icon="arrow-r">比赛排名</a></li>
    </ul>
</div>

老牛在路上的主页 老牛在路上 | 初学一级 | 园豆:11
提问于:2015-11-18 13:59
< >
分享
最佳答案
0

无奈,只有把href="#"删除,然后用onclick自己来控制显示隐藏

老牛在路上 | 初学一级 |园豆:11 | 2015-11-18 14:51
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册