Question

在这个page上我试图使用插件“Jquery infinitescroll”。我将js插件文件附加到我的页面并添加此

  $('#listView').infinitescroll({
            itemSelector: '.property'          
    });

但没有任何改变。我是js的新人，所以我将非常感谢你的建议。

Answer 1

我从未使用过这个插件，但我找到了一些可能对你有用的有用信息：

jQuery scroll show hidden content

Answer 2

您可以使用Angular JS

Here is the Fiddle

function Main($scope) {
$scope.items = [];

var counter = 0;
$scope.loadMore = function() {
    for (var i = 0; i < 5; i++) {
        $scope.items.push({id: counter});
        counter += 10;
    }
};

$scope.loadMore();}
angular.module('scroll', []).directive('whenScrolled', function() {
return function(scope, elm, attr) {
    var raw = elm[0];

    elm.bind('scroll', function() {
        if (raw.scrollTop + raw.offsetHeight >= raw.scrollHeight) {
            scope.$apply(attr.whenScrolled);
        }
    }

Jquery infinitescroll似乎无法正常工作

2 个答案: