Question

我有一个插件来翻译dom节点。这就是它的作用：

$.fn.jqTranslate = function (pkg, options) {
    var self = this;
    Translate.initialize(pkg, options).done(function () {
        return self.each(Translate.translate);
    });
};
translate: function () {
    var elem = $(this),
        key = elem.data('translate');
    if (Translate.translatable) {
        if (Translate.translatedStrings[key]) {
            if (Translate.translatedStrings[key].length === undefined) {
                // The key have nested keys
                Translate.translateElement(elem, Translate.translatedStrings[key].text);
                delete Translate.translatedStrings[key].text;
                elem.attr(Translate.translatedStrings[key]);
            }
            else Translate.translateElement(elem, Translate.translatedStrings[key]);
        }
    }
    if (typeof Translate.options.onComplete === 'function') Translate.options.onComplete.apply(this, arguments);
    return elem;
}

如果你看到，它会返回自我，所以这个插件理论上可以链接成这样：

$('p').jqTranslate('global').addClass('translated')

应该有效，但它说：

未捕获的TypeError：无法调用方法＆＃39; addClass＆＃39;未定义的

我做错了什么？

您可以查看GitHub中的完整代码。

Answer 1

您隐含地从插件中返回undefined。如果没有return语句，函数将返回undefined。

$.fn.jqTranslate = function (pkg, options) {
    var self = this;
    Translate.initialize(pkg, options).done(function () {
        return self.each(Translate.translate);
    });
    return this; //add return statement
};

jQuery插件返回undefined

1 个答案: