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

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

我用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[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();
         });
      });
});

})