PhoneGap中文网

 找回密码
 立即注册

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

查看数: 16728 | 评论数: 8 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2014-12-7 21:03

正文摘要:

我用scroller插件实现下拉刷新新闻列表,当加载条数到达30跳左右的时候,手机app开始跳帧卡顿,请问一般会是什么问题。 代码直接照着树根老师的方法写的额。 ...

回复

章先生 发表于 2015-5-6 12:33:37
我也碰到了这样的问题,求解决啊
缺德 发表于 2015-4-30 11:33:53
luckyjianxin 发表于 2015-4-30 03:13:15
未来属于html5 phonegap 微信 wap全部搞定
xiaota 发表于 2015-4-30 02:42:16
html5 是趋势
university 发表于 2015-4-29 14:49:14
非常好 感谢 开始学习html5 app开发了
luckyjianxin 发表于 2015-4-29 22:56:36
很不错,不错,学习学习。跨平台得顶起
admin 发表于 2014-12-8 20:35:28
app 可以放出来测试一下吗 或者放在网站上  不知道你的机器是什么机器测试的,还有就是检查一下你的 图片的大小
topcnm 发表于 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();
            });
        });
    });

})
关闭

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

ionic4视频教程

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

GMT+8, 2024-5-19 10:10 , Processed in 0.047386 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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