Как преобразовать этот код MooTools в jQuery

#jquery #mootools

#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. …MooTools на самом деле меньше, чем jQuery… 25 КБ против 31 КБ. Кроме того, для того, что вы там делаете, вам, вероятно, понадобится что-то вроде пользовательского интерфейса jQuery, который намного больше, чем MooTools More.

2. @Reanimation, посмотрите на его код выше … не похоже, что ему понадобится jQuery UI для чего-либо из этого. Выглядит очень просто.

3. «У меня есть определенная проблема» — в чем на самом деле проблема?

4. можете ли вы предоставить (jsfiddle) html-код, чтобы показать, как это работает, пожалуйста?

5. для этого потребуется некоторый пользовательский интерфейс. это с Drag.Move , а также SmoothScroll класс некоторого описания. В любом случае код не является образцовым.

Ответ №1:

Если я рассматриваю это как вопрос в буквальном смысле, ответ:

  1. Изучите mootools.
  2. Изучите jQuery.
  3. Напишите код, чтобы сделать это.
  4. Если у вас возникнут проблемы, спросите и получите помощь — разместив свой недавно написанный код jquery в сочетании со старым кодом.

В нынешнем виде вы как бы просите, чтобы кто-то сделал это за вас? это не то, о чем StackOverflow, для этого вам следует попробовать сайт фрилансера.