jquery weui 滚动加载不触发

Question

滚动加载没触发

Answer 1

设置$('.details')元素的高度（height）,并且设置overflow：auto;

Answer 2

设置$('.details')元素的高度（height）,并且设置overflow：auto;（亲测有效）

<div id="tab3" class="weui-tab__bd-item infinite" style="overflow:auto;height: 100%">

初始化的时候，也需要去绑定当前选中界面的元素来操作：

$(".infinite").infinite().on("infinite", function() {

    debugger;

    var self = this;

    if(self.loading) return;

    console.log(self)

    self.loading = true;

    console.log(self);

    setTimeout(function() {

        $(self).find("#dataRank").append("<p>我是加载的新内容。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。我是加载的新内容。。。。。</p>");

        self.loading = false;

    }, 2000);   //模拟延迟

});