Backbone.LazyViewというのを作った

taka84u9/backbone-lazyview · GitHub
Backbone.Viewのel要素がブラウザ上で表示されたタイミングでappearイベントをtriggerする、Backbone.LazyViewというのを作りました。
使い方はBackbone.Viewと全く同じ。

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

これで$("#element")がブラウザに表示された瞬間にfoo.trigger("appear")が実行されます。主にrenderや、サーバとの通信などを遅延させるために使います。