experiment-with-infinite-js

by shyamh

HTML

<script src="http://airbnb.github.io/infinity/infinity.js"></script>
<div id='my-infinite-container'></div>

CSS

BODY {
    margin: 40px;
}

#my-infinite-container {
    background-color: #fee;
    width: 100px;
    height: 200px;
}

JavaScript

var $el = $('#my-infinite-container');
var listView = new infinity.ListView($el);
 
// ... When adding new content:

var listData = [
    "a","b","c","d","e","f","g","h","i","j",
    "1a","1b","1c","1d","1e","1f","1g","1h","1i","1j"
];

listData.forEach(function(li) {
    var $newContent = $('<p>Hello ' + li + '</p>');
    listView.append($newContent);
});


// To remove items from a list:
// var listItems = listView.find('.my-items');
// for(var index = 0, length = listItems.length; index < length; index++) {
//  listItems[index].remove();
// }