0

このコードを使用して、ロールオーバーするサムネイルに基づいて div を非表示および表示しています。

    $(document).ready(function(){
    $('div.infodiv').hide();
    $(".website_thumbs a").hover(
    function(){
       var name = $(this).attr("name");
       $(".infodiv").stop();
        $("."+name).fadeIn();
    },
    function(){
       var name = $(this).attr("name");
        $("."+name).fadeTo(7000,1).fadeOut();
    });
});

スクリプトはサムネイルから name 属性を取得し、対応するクラスで div を表示します。各 div は .infodiv クラスを共有しますが、各サムネイルに固有のクラスもあります。

機能は基本的に私が望むところですが、サムネイルをすばやくスクロールすると、一部の div が一種の半分フェードイン状態でスタックし、一度ロールオーバーしない限り動作を停止します-その後、フェードインが遅くなり、使用可能になりますまた。

私はjQueryに少し慣れていないので、助けていただければ幸いです。

4

2 に答える 2

0

解決策は最終的にhoverIntentプラグインになりました。

于 2010-01-06T05:11:04.263 に答える
0

$(".infodiv").stop(); を削除してみてください。line -- すべての infodiv のアニメーションを停止します。

于 2010-01-05T22:59:09.547 に答える