0

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);}} 

私はおそらく問題に対して間違ったアプローチをとっています。このコードを機能させる方法はありますか?

ありがとう!ロベルト・プラヴィサーニ クリエイティブ カオス

4

0 に答える 0