-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