1

「.block1」にカーソルを合わせたときに「.image1」の可視性を切り替えようとしていますが、成功していません。私は何が欠けていますか？誰でも私を助けることができますか？

HTML:

<div class="container">
        <div class="wrapper">

            <section class="images">

                <article id="image" class="image1">
                    <div class="img"></div>
                </article>

                <article id="image" class="image2">
                    <div class="img"></div>
                </article>

                <article id="image" class="image3">
                    <div class="img"></div>
                </article>

            </section>
            <ul class="blocks">

                <li class="block1">Image1
                </li>
                <li class="block2">Image2
                </li>
                <li class="block3">Image3
                </li>

            </ul>

        </div>    
    </div>

脚本：

$(document).ready(function () {
$(".block1").hover(function(){
    $(".image1").fadeTo("slow", 1);
    },function(){
        $(".image1").fadeTo("slow", 0);
});
});

これが私のフィドルです

4

1 に答える 1

1

jsfiddle で jQuery フレームワークを選択するのを忘れたと思います。ページで使用する前に jQuery ライブラリを追加します。

ウェブサイト内のルートの js フォルダーにライブラリ ファイルを追加するには

<script type="text/javascript" src="/js/jQuery.min.js"></script>

googleapisからライブラリを追加するには

<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

ライブデモ

$(document).ready(function () {
    $(".block1").hover(function(){
        $(".image1").fadeTo("slow", 1);
        },function(){
            $(".image1").fadeTo("slow", 0);
    });
});
于 2013-02-14T05:58:09.303 に答える