Mootools 1.4.5 +无法执行子类的initialize方法

时间:2013-01-16 10:14:11

标签: inheritance joomla mootools

我已将Joomla 1.5网站迁移到Joomla 2.5。

Joomla 1.5网站使用Mootools 1.11 Joomla 2.5网站使用Mootools 1.4.5 该网站包含一个名为annuary的特定功能。

需要一些基于Mootools 1.11的JavaScript文件 我需要将这些文件中的一些说明改编为Mootools 1.4.5 其中一个JavaScript文件是Autocompleter.js 以下是Autocompleter.js的摘录:

var Autocompleter = {};

Autocompleter.Base = new Class({

    ...

    initialize: function(el, options) {

        this.setOptions(options);
        this.element = $(el);
        this.build();
        this.observer = new Observer(this.element, this.prefetch.bind(this), $merge({
        delay: 400
        }, this.options.observerOptions));
        this.value = this.observer.value;
        this.queryValue = null;
    },

    ...

});

Autocompleter.Base.implement(new Events);

Autocompleter.Base.implement(new Options);

Autocompleter.Local = Autocompleter.Base.extend({

    ...

    initialize: function(el, tokens, options) {

        this.parent(el, options);
        this.tokens = tokens;
        if (this.options.filterTokens) this.filterTokens = this.options.filterTokens.bind(this);
    },

    ...

});

我注意到以下关于存在的JavaScript指令不再按预期工作:

new Autocompleter.Local(idChamp, tabValues, {

    'delay': 100,
    'injectChoice': function(choice) {
        var el = new Element('li')
        .setHTML(this.markQueryValue(choice[0]))
        .adopt(new Element('span', {'class': 'example-info'}).setHTML(this.markQueryValue(choice[1])));
        el.inputValue = choice[0];
        this.addChoiceEvents(el).injectInside(this.choices);
    }
});

执行Autocompleter.Base的初始化功能 但Autocompleter.Local的初始化功能不是。
有人可以解释我为什么吗? 我确信这个问题是由使用Mootools 1.4.5引起的。

1 个答案:

答案 0 :(得分:1)

这让我回来了......

在1.2.5班级进行了相当改进。而不是做原型,然后调用实现/扩展,你现在做这些作为mutators

Autocompleter.Base = new Class({

    Implements: [Options, Events],

    initialize: function(el, options) {

        this.setOptions(options);
        this.element = $(el);
        this.build();
        this.observer = new Observer(this.element, this.prefetch.bind(this), $merge({
        delay: 400
        }, this.options.observerOptions));
        this.value = this.observer.value;
        this.queryValue = null;
    },

    ...

});

Autocompleter.Local = new Class({
    Extends: Autocompleter.Base
});

您应该阅读一些有关从1.11移至1.2.5的指南/教程。 1.2.5实际上并不是一个很好的版本,现在是2.5岁,由于https://bugzilla.mozilla.org/show_bug.cgi?id=789036

而在FireFox 18中被打破了

请参阅一些关于编写类的教程,如http://fragged.org/tutorial-write-a-small-content-slider-class-in-mootools-and-extend-it_1321.html