0

Drupals Nivo Slider モジュールを使用しており、マウスがスライダー div の上に置かれるとキャプションがスライドアップし、マウスが div を離れると消えます。私はそれを理解しましたが、モジュールのhtmlにdisplay:blockのインラインスタイルがあり、キャプションが表示され、誰かがマウスオーバーするまでキャプションを表示したくないという問題があります。現在、display:blockを取り除くためにマウスオーバーする必要がありますが、使用しているmouseleaveイベントのために機能します。

奇妙なのは、最初の画像にはキャプションがなく、2 番目の画像は、誰かがマウスオーバーするまでキャプションが表示されない、まさに私が望むことを行うため、3 番目の画像まで問題が発生しないことです。画像がフェードインしている間にキャプションを表示するのは、3 番目、4 番目、5 番目の画像です。css に display:none !important を追加しようとしたところ、キャプションがまったく表示されなくなりました。これが私のjQueryであり、どんな助けも本当に感謝しています。私の問題を説明するのに非常に多くのテキストが必要で申し訳ありません.

        $('.nivo-caption').css('display', '');

        $('#home_slider').hover(function(){
                $('.nivo-caption p').slideToggle('fast');
        }); 

        $('#home_slider').mouseleave(function(){
                $('.nivo-caption p').css("display", "none");
        });
4

1 に答える 1

0

これはどう？

    $('.nivo-caption').hide();

    $('#home_slider').hover(
        function(){
            $('.nivo-caption').show('fast');
        },
        function(){
            $('.nivo-caption').hide('fast');
        },
    );
于 2012-10-26T03:51:59.257 に答える