就这样安安静静
就这样安安静静
  • 发布:2016-10-08 09:51
  • 更新:2016-10-08 15:05
  • 阅读:13224

当前页面的刷新

分类:MUI

一个页面里面包含五个链接,每一个链接对应一个刷新按钮,点击刷新按钮时如何只刷新当前页,而不是所有的链接内容全部刷新。(目前为了实现刷新,我用的是重新调用一遍页面内容,但是这样页面内的全部内容都会刷新,但是现在我想让他点击刷新按钮是只刷新对应界面)
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item " href="#item1mobile" id="a1">
待支付
</a>
<a class="mui-control-item" href="#item2mobile" id="a2">
待发货
</a>
<a class="mui-control-item" href="#item3mobile" id="a3">
待收货
</a>
<a class="mui-control-item" href="#item4mobile" id="a4">
待评价
</a>
<a class="mui-control-item" href="#item5mobile" id="a5">
已完成
</a>
</div>

//点击刷新的相应事件
document.getElementById('refresh' + count).addEventListener('tap', function() {
reloadPay(ul);
})

//需要调用的方法
function reloadPay(ul, pageIndex, pageSize, done) {
//跳转到点击刷新的页面
$$.localStorage.set("keyStatus", "1");
//页面的重新加载
window.location.reload();
}

2016-10-08 09:51 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

区域刷新,只需要重新执行相关的ajax或其它操作数据的操作即可。
区域滚动,参考mui的scroll组件

就这样安安静静

就这样安安静静 (作者)

<div class="mui-slider-group">  
                    <div id="item1mobile" class="mui-slider-item mui-control-content ">  
                        <div class="mui-scroll-wrapper">  
                            <div class="mui-scroll">  
                                <ul class="mui-table-view" id="ul1">  

                                </ul>  
                            </div>  
                        </div>  
                    </div>

把ul中的内容清空以后,如何让它滑倒最顶端。

  • rodgerz

    mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);//100毫秒滚动到顶

    2016-10-08 15:35

  • rodgerz

    更多内容可以参考:http://dev.dcloud.net.cn/mui/ui/#scroll

    2016-10-08 15:37

  • 就这样安安静静 (作者)

    回复 rodgerz:三克油~~完美解决

    2016-10-08 15:42

该问题目前已经被锁定, 无法添加新回复