2011-10-25 83 views
-4

我嘗試將Mootools轉換爲Jquery時遇到了一些問題。如何將此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(); 
}); 

我真的不知道是否可以成功轉換。謝謝你的幫助! :)

+0

... MooTools *實際上小於jQuery ... 25kB與31kB。此外,對於你在那裏做的事情,你可能需要類似於比MooTools More大得多的jQuery UI。 –

+0

@Reanimation,看看他上面的代碼......似乎沒有他需要jQuery UI的任何。看起來非常簡單。 – Sparky

+4

_「我有一定的問題」 - 問題實際上是什麼? – nnnnnn

回答

4

如果我把這當作一個問題,在字面意義上,答案是:

  1. 瞭解mootools的。
  2. 瞭解jQuery。
  3. 編寫代碼來完成它。
  4. 如果您遇到問題,請通過發佈新編寫的jQuery代碼並結合舊代碼尋求幫助。

就目前而言,你是否有人要求有人爲你做?這不是StackOverflow的重點,你應該爲此嘗試一個自由職業者網站。

相關問題