jquery infinitescroll似乎無法正常工作

Question

對此page我試圖使用插件「jquery infinitescroll」。我附加js插件文件到我的頁面，並添加此

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

但沒有什麼改變。我是js新手，所以我會非常感謝您的建議。

Answer 1

我從來沒有使用這個插件，但我發現一些有用的信息，可以幫助您解決：

jQuery scroll show hidden content

Answer 2

您可以使用角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); 
     } 
    }