PhoneGap中文网

 找回密码
 立即注册
查看: 16714|回复: 8
打印 上一主题 下一主题

Jqmobi的scroller插件实现上下拉动效果很卡

[复制链接]

1

主题

3

帖子

23

积分

新手上路

Rank: 1

积分
23
跳转到指定楼层
楼主
发表于 2014-12-7 21:03:36 | 显示全部楼层 |只看大图 回帖奖励 |倒序浏览 |阅读模式
我用scroller插件实现下拉刷新新闻列表,当加载条数到达30跳左右的时候,手机app开始跳帧卡顿,请问一般会是什么问题。
代码直接照着树根老师的方法写的额。

2014-12-07_210111.png (117.11 KB, 下载次数: 292)

2014-12-07_210111.png
it营
回复

使用道具 举报

1

主题

3

帖子

23

积分

新手上路

Rank: 1

积分
23
沙发
 楼主| 发表于 2014-12-7 21:06:33 | 显示全部楼层
版本号:2.1
代码:
$(function(){
    var myScroller_video;
    $.ui.ready(function () {
        myScroller_video = $("#doc_videoList").scroller();
        myScroller_video.addInfinite();
        myScroller_video.addPullToRefresh();
        myScroller_video.runCB=true;

        var hideClose;
        $.bind(myScroller_video, "refresh-release", function () {
            var that = this;
            clearTimeout(hideClose);
            hideClose = setTimeout(function () {
                that.hideRefresh();
            }, 1200);
            return false;
        });

        myScroller_video.enable();
        $.bind(myScroller_video, "infinite-scroll", function () {
            var self = this;
            $(this.el).append("<div id='infinite' style='width:100%;height:3rem;line-height:3rem;text-align: center'>上拉刷新</div>");
            $.bind(myScroller_video, "infinite-scroll-end", function () {
                $.unbind(myScroller_video, "infinite-scroll-end");
                $("#infinite").text("正在加载...")
//                    self.scrollToBottom();//加载完成后自动滑到最底部
                var innerHTML_search = "";
                var sample_search_array = data_video.data.list;
                for(var i = 0;i<sample_search_array.length;i++){
                    innerHTML_search += structureHTML4Video(
                        sample_search_array[i].id,
                        sample_search_array[i].image,
                        sample_search_array[i].title,
                        sample_search_array[i].descript,
                        sample_search_array[i].publish,
                        sample_search_array[i].time
                    )
                }
                setTimeout(function(){
                    $("#doc_videoList_container").append(innerHTML_search);
                    $(self.el).find("#infinite").remove();
                    self.clearInfinite();
                },2000)

//                    self.scrollToBottom();
            });
        });
    });

})
it营
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-5-19 08:55 , Processed in 0.056428 second(s), 35 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表