0

私はいくつかのコード（http://www.minimamente.com/magic-css3-animations/）でいくつかの魔法のcssクラスを使用しようとしており、それらをmouseenterとmouseleaveを使用してjqueryで追加しようとしていますが、機能していません...全て！

以下は私が試したコードです

$(document).ready(function(){
    $('#banner-holder').on('mouseenter', function(){
        $(this).find('#prev, #next').addClass('magictime perspectiveLeft');
    });
    $('#banner-holder').on('mouseleave', function(){
        $(this).find('#prev, #next').removeClass('perspectiveLeft');
        $(this).find('#prev, #next').addClass('perspectiveLeftRetourn');
    });
});

これは、perspectiveLeft をトリガーしますが、マウス アウトでは、perspectiveLeftRetourn を実行しません。私は単純な間違いを犯していますか？

4

2 に答える 2

1

ここにフィドルがあります

以下でうまくいくようです

$(document).ready(function () {
    var els = $('#prev, #next');
    $('#banner-holder').on('mouseenter', function () {
        els.removeClass('perspectiveLeftRetourn').addClass('magictime perspectiveLeft');
    });
    $('#banner-holder').on('mouseleave', function () {
        els.removeClass('perspectiveLeft').addClass('perspectiveLeftRetourn');
    });
});

編集: また、クラスを削除する場合もありperspectiveLeftRetournますmouseenter。

于 2013-07-23T09:47:42.243 に答える
0 
$(document).ready(function(){
    $('#banner-holder').hover( function(){
        $('#prev, #next').addClass('magictime perspectiveLeft');
    },function(){
        $('#prev, #next').removeClass('perspectiveLeft');
        $('#prev, #next').addClass('perspectiveLeftRetourn');
    });
});

多分これはうまくいくでしょう。

于 2013-07-23T09:48:39.477 に答える