jquery - 视图中用于保存滚动位置的选项的主干范围

Question

所以我将两个模型传递到主干视图中。我从视图的初始化函数中使用 this.options.model2 获得第二个模型。

App.MyView = Backbone.View.extend({
initialize: function() {
        this.stateModel = this.options.model2;

        // test to make sure the stateModel is being set correctly. This works.
        console.log("test: : " + this.stateModel.get("blah"));

        // Save scroll position in model2 on scroll
        $( window ).on( 'scroll', function () {
            this.stateModel.set("savedScrollY", this.pageYOffset);
        });
});

当我滚动时，我收到错误：

TypeError：表达式“this.stateModel”[undefined] 的结果不是对象。

我猜这是因为我不了解触发器关闭时应用程序的范围。

Answer 1

this设置为 jQuery 事件回调中原始选择器中的元素。

...
var that = this;
$( window ).on( 'scroll', function () {
    // here this = window
    that.stateModel.set("savedScrollY", this.pageYOffset);
});