topcnm 发表于 2014-12-7 21:03:36

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

我用scroller插件实现下拉刷新新闻列表，当加载条数到达30跳左右的时候，手机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.id,
                        sample_search_array.image,
                        sample_search_array.title,
                        sample_search_array.descript,
                        sample_search_array.publish,
                        sample_search_array.time
                  )
                }
                setTimeout(function(){
                  $("#doc_videoList_container").append(innerHTML_search);
                  $(self.el).find("#infinite").remove();
                  self.clearInfinite();
                },2000)

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

})

admin 发表于 2014-12-8 20:35:28

app 可以放出来测试一下吗 或者放在网站上不知道你的机器是什么机器测试的，还有就是检查一下你的 图片的大小

luckyjianxin 发表于 2015-4-29 22:56:36

很不错，不错，学习学习。跨平台得顶起

university 发表于 2015-4-29 14:49:14

非常好 感谢 开始学习html5 app开发了

xiaota 发表于 2015-4-30 02:42:16

html5 是趋势

luckyjianxin 发表于 2015-4-30 03:13:15

未来属于html5 phonegap 微信 wap全部搞定

缺德 发表于 2015-4-30 11:33:53

章先生 发表于 2015-5-6 12:33:37

我也碰到了这样的问题，求解决啊
页: [1]
查看完整版本: Jqmobi的scroller插件实现上下拉动效果很卡