如何将此MooTools代码转换为jQuery

时间:2011-10-25 04:42:19

标签: jquery mootools

当我尝试将Mootools转换为Jquery时,我遇到了一些问题。

var Site = new Class({
    Implements : Options,
    options : {
    },

    initialize : function(options) {
        // Set opzioni
        this.setOptions(options);
        var section = $$("body")[0].getProperty("class");
        // Chiama metodo
        if( typeof(this[section]) == "function" ) this[section]();
    },

    // Orerazioni di sezione
    home: function(){
      // Init scrollTo
      new SmoothScroll({ duration: 800, transition:Fx.Transitions.Sine.easeOut, offset:{"x":0, "y":-40} });
      // Definisce elementi draggabili
      $("handle").addEvent("click", function(e){ e.stop(); })
      new Drag.Move($('window'), {'handle':'handle'});

      $("logo").fade("hide");

      var ttop = $("simple-modal-title").getCoordinates().top + 100;
      window.addEvent("scroll", function(){
        if( window.getScroll().y >=  ttop ){
          if( !$("simple-modal-title").hasClass("fixed") ){ $("logo").fade("in"); }
          $("simple-modal-title").addClass("fixed")
        }else{
          if( $("simple-modal-title").hasClass("fixed") ){ $("logo").fade("out"); }
          $("simple-modal-title").removeClass("fixed");
        }
      }.bind(this));

      this.checkLogo();

      // Inizializza esempi
      this.initExamples();
    },

    checkLogo: function(){
      window.fireEvent("scroll")
    },

    // Smart Template
    templating: function(s,d){
        for (var p in d)
            s = s.replace(new RegExp('{'+p+'}','g'), d[p]);
        return s;
    }
});

window.addEvent("domready", function(){
   var site = new Site(); 
});

我真的不知道是否可以成功转换。谢谢你的帮助! :)

1 个答案:

答案 0 :(得分:4)

如果我将其视为字面意义上的问题,答案是:

  1. 学习mootools。
  2. 学习jQuery。
  3. 编写代码来执行此操作。
  4. 如果您遇到问题,请提出并获取帮助 - 将新编写的jquery代码与旧代码一起发布。
  5. 就目前而言,你有点要求有人为你做这件事吗?这不是StackOverflow的意思,你应该尝试一个自由职业者网站。