Question

我正试图撰写一些法典,其中描述盒子在我掌握图像时散布。我的网页上有多种图像。

<div class="image">
    <a href="?page=page1>"><img src="images/1.jpg" width="220" height="220"></a>
</div>
<div class="description" style="display: none;"> description 1 </div>

<div class="image">
    <a href="?page=page2>"><img src="images/2.jpg" width="220" height="220"></a>
</div>
<div class="description" style="display: none;"> description 2 </div>

<div class="image">
    <a href="?page=page3"><img src="images/3.jpg" width="220" height="220"></a>
</div>
<div class="description" style="display: none;"> description 3 </div>

我在“ j”或“ Java”中不很熟悉,但我提出这一守则,显示你在 image上的形象时所作的描述:

$(".image").hover(function() {
    $(".description").fadeToggle();
});

该法典的问题在于,如果你超越任何图像,那么所有描述都会蔓延。我必须补充一下我的格鲁斯法典,这样,只有描述你所掌握的形象,才能战胜流行?

I have created a jsfiddle to help understand my problem: http://jsfiddle.net/qnWpy/ (also the description blinks erratically when I hover over or around the image, why s that?)

Answer 1

$(".image").hover(function() {
    $(this).next(".description").fadeToggle();
});

http://api.jquery.com/next/rel=“nofollow” http://api.jquery.com/next/。

Updated your jsfiddle: http://jsfiddle.net/qnWpy/1/

FYI,$(这是目前选定的部分)。

Answer 2

选择与被忽略的元素有关的描述。

$(".image").hover(function() {
    $(this).next(".description").fadeToggle();
});

这里需要的是“描述”,但可以防止ug。

友情链接