#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:
Если я рассматриваю это как вопрос в буквальном смысле, ответ:
- Изучите mootools.
- Изучите jQuery.
- Напишите код, чтобы сделать это.
- Если у вас возникнут проблемы, спросите и получите помощь — разместив свой недавно написанный код jquery в сочетании со старым кодом.
В нынешнем виде вы как бы просите, чтобы кто-то сделал это за вас? это не то, о чем StackOverflow, для этого вам следует попробовать сайт фрилансера.