Jquery スクリプトを Mootools に転置する必要がありますが、うまく動作しません。jqueryコードは次のとおりです。
$('.block-menu').hover(function(){
$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:400});
}, function() {
$(".cover", this).stop().animate({top:'185px'},{queue:false,duration:400});
});
画像にカーソルを合わせると、div で覆われる一連の画像があります。このコードはまさにそれを行います。「.cover」は画像を覆う div のクラスであり、「.block-menu」は画像を保持する div です。Jquery ではすべて正常に動作していますが、これを Mootools に変換する方法がわかりません。これは、これまで使用するのにうんざりしていたコードです (ホブオーバー部分を機能させるためだけに):
$$('.block-menu').addEvent('mouseenter', function() {
var cov = $(this).getElements('.cover');
cov.set('tween', {
duration: 1000,
transition: Fx.Transitions.Bounce.easeOut
}).tween('top', '0px');;
});
残念ながら、Firebug コンソールに次のエラーが表示されます。
String contains an invalid character" code: "5
[Interrompi per questo errore] return result;},getStyles:function(){r...hild);return this.appendText(text);}}
私はおそらく問題に対して間違ったアプローチをとっています。このコードを機能させる方法はありますか?
ありがとう!ロベルト・プラヴィサーニ クリエイティブ カオス