PhoneGap中文网

标题: Jqmobi的scroller插件实现上下拉动效果很卡 [打印本页]

作者: topcnm 时间: 2014-12-7 21:03
标题: Jqmobi的scroller插件实现上下拉动效果很卡
我用scroller插件实现下拉刷新新闻列表，当加载条数到达30跳左右的时候，手机app开始跳帧卡顿，请问一般会是什么问题。
代码直接照着树根老师的方法写的额。

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

作者: topcnm 时间: 2014-12-7 21:06
版本号：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();
         });
      });
});

})

作者: admin 时间: 2014-12-8 20:35
app 可以放出来测试一下吗或者放在网站上不知道你的机器是什么机器测试的，还有就是检查一下你的图片的大小

作者: university 时间: 2015-4-29 14:49
非常好感谢开始学习html5 app开发了

作者: luckyjianxin 时间: 2015-4-29 22:56
很不错，不错，学习学习。跨平台得顶起

作者: xiaota 时间: 2015-4-30 02:42
html5 是趋势

作者: luckyjianxin 时间: 2015-4-30 03:13
未来属于html5 phonegap 微信 wap全部搞定

作者: 缺德 时间: 2015-4-30 11:33

作者: 章先生 时间: 2015-5-6 12:33
我也碰到了这样的问题，求解决啊

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)