превращая код в класс

Question

var tabs = $('ul li a.class');
tabs.addEvent('click', function(){
tabs.removeClass('active');
this.addClass('active');
});

var tabs = new Fx.Scroll('contents', {
duration: 2000
});

var scroller = $('.class');
scrollTab.addEvent('click',function(e){
el_id = this.id.split('_'); 
slide_el = 'myTab_' + el_id[1];
tbas.toElement(slide_el);
}); 

Я хочу знать, как преобразовать этот кусок кода в класс модульных mootools, который я могу использовать на других страницах.

У меня есть основная идея, но, похоже, она не работает

var class = new Class({
   Implements: [Options, events],
   options:{
    duration: 1500,
    tabs: $(ul li a.class)
   },
  Initialize: function(options){
  this.setOPtions(options);
},
method1:{
/////
},
method2:{
/////
},

});

Я знаю, что у меня есть 2 метода: один для переключения цвета вкладок и один для настройки функциональности вкладок .... Можете ли вы помочь мне сделать эту работу ?? спасибо

Answer 1

В вашем коде есть ошибки, и вам нужно немного изучить классы mootools :):

var myClass = new Class({ // you can't use var class<- reserved word

    Implements: [Options, Events], //Events uppercase, and, are going to use it?

    options:{
        duration: 1500
       /*,tabs: $('ul li a.class') see initialize, tabs as a parameter */ 
    },

    initialize: function(tabs, scrollers, options){

        this.setOptions(options); //u had a typo in setOptions

        this.tabs = tabs;

        this.scrollers = scrollers;

        this.method1(); //i.e. build tabs

        this.scrollables = new Fx.Scroll(this.options.contentToScroll, {
            duration: this.options.duration
        });

        this.method2(); //i.e. build scrollers

    },

    method1 : function(){ //a 'method' is a function

        var self = this;

        this.tabs.addEvent('click', function(){
            self.tabs.removeClass('active'); //note 'self' that references to the instantiated and 'running' 'myClass' object
            this.addClass('active');
        });

    },

    method2 : function(){ // 'method' = function

        var self = this;

        this.scrollers.addEvent('click',function(e){
            el_id = this.id.split('_'); 
            slide_el = 'myTab_' + el_id[1];
            self.tabs.toElement(slide_el);
        }); 

    }

    /*, otherPublicMethod : function(){} */

});

//to instantiate a 'myClass'

var myClassInstance = new myClass(
    $('ul li a.class') /* tabs elems*/, 
    $('.class') /*scroller elems*/, 
    { duration : 15000, contentToScroll : $('content') } /* options */
);

---

Стоит прочитать => http://ryanflorence.com/mootools-class/ и http://mootorial.com/wiki/mootorial/09-howtowriteamootoolsclass