-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();
});
我真的不知道是否可以成功轉換。謝謝你的幫助! :)
... MooTools *實際上小於jQuery ... 25kB與31kB。此外,對於你在那裏做的事情,你可能需要類似於比MooTools More大得多的jQuery UI。 –
@Reanimation,看看他上面的代碼......似乎沒有他需要jQuery UI的任何。看起來非常簡單。 – Sparky
_「我有一定的問題」 - 問題實際上是什麼? – nnnnnn