Question

澄清：

我对使用jQuery方法不感兴趣。

摘要

我使用一种方法只在html加载完成后运行我的模块。看起来像这样。 page_complete是页面上最后一个元素的ID。

$A.finish('page_complete', function () { 
    // page has finished loading
});

完成就像这样实现。它只是一个检查最后一个元素是否存在的计时器。一旦找到它，它就会初始化所有模块。

我不明白为什么这个元素是NULL，因为FF告诉我。

/*finish
** Once an element has been loaded an HTML focus event is fired
** on that ID.  It can not be cancelled and bubbles up
**
*/
$A.finish = function (id, callback) {
    var htm_finished = document.getElementById(id);
    if (htm_finished) {
        $A.initAll(); // intilAll will fire the init function of all modules.
        $A.makeEvent('focus', htm_finished);
        callback();
    } else {
        setTimeout(function () {
            $A.finish(id, callback);
        }, 10);
    }
};

Firefox中的错误

...TypeError: this.E.ready is null @ ...

注意我在错误所在位置发表了评论。

有错误的模块

/*MUserAny
**
**
**   
*/
$A.module({
    Name: 'MUserAny',
    S: {
        DynSma: SDynSma,
        DynTwe: SDynTwe,
        DynArc: SDynArc,
        AniFlipMediaPane: SAniFlipMediaPane,
        AniFlipPage: SAniFlipPage,
        ClientStorage: SClientStorage
    },
    E: {
        ready: $A('#page_complete')[0]
    },
    init: function () {
        var pipe = {},
            this_hold = this;
        this.E.ready.addEventListener("focus", function (event) { // error is here.
            pipe = $A.definePipe(this_hold.Name);
            $A.machine(pipe);
        }, false);
    },
    pre: function (pipe) {
        var h_token = this.S.ClientStorage.get('h_token');
        if ((h_token === '0') || (h_token === 'undefined') || (h_token === null)
                || (h_token === undefined)) {
            this.S.AniFlipPage.run('sp');
            pipe.state = false;
        } else {
            pipe.server.smalls.h_token = h_token;
            pipe.state = true;
        }
        this.S.AniFlipMediaPane.run('mi_cover');
        return pipe;
    },
    post: function (pipe) {
        this.S.DynSma.run(pipe.server.smalls);
        this.S.DynArc.run(pipe.server.arcmarks);
        this.S.DynTwe.run(pipe.server.tweets);
        this.S.AniFlipPage.run(this.S.ClientStorage.get('page'));
        return pipe;
    },
    finish: function (pipe) {
    }
});

Answer 1

看起来像是

E: {
    ready: $A('#page_complete')[0]
}

正在作为对象文字的一部分进行评估，如果在页面完成之前发生这种情况，则会出现错误。一个快速而肮脏的解决方案可能是将E.ready更改为一个函数，该函数仅在init期间调用，您知道在页面完成后会发生这种情况，例如

E: {
    ready: function() { return $A('#page_complete')[0]; }
},
init: function () {
    var pipe = {},
        this_hold = this;
    this.E.ready().addEventListener("focus", function (event) { ...

为什么这个元素为空？

1 个答案: