taka84u9 / backbone-lazyview Goto Github PK

#What is this?

backbone-lazyview is a Backbone plugin writtern in JavaScript. It watches the scroll event of the window object and triggers an appear event on a lazyview object when it's el property appeared on the screen.

#How to use?

Include required js libraries and lazyview.js in your HTML code.

<script src="jquery.js"></script>
<script src="underscore.js"></script>
<script src="backbone.js"></script>
<script src="lazyview.js"></script>

Then LazyView is added to the Backbone's original namespace. You can catch the appear event and invoke a function as follows.

var FooLazyView = Backbone.LazyView.extend({
    events: {
        "appear": "appear"
    },
    initialize: function () {
        _.bindAll(this, "appear");
    },
    appear: function () {
        /* do something */
    }
});
var view = new FooLazyView({el: $("#element")});

enjoy!