jQuery Mouseover / Mouseleave итерации? - PullRequest
Новая
       32

jQuery Mouseover / Mouseleave итерации?

0 голосов
/ 10 апреля 2011

У меня указатель мыши и указатель мыши на изображении, которое будет скрывать или показывать div. Все изображения находятся в классе "imgmouse", а все div-ы находятся в классе "tri-bottom", как я могу написать этот jquery, чтобы первый tri-img показывал и скрывал первый трехдонный div и так далее. Поэтому наведите курсор мыши на первый .imgmouse img и покажите div.triangle-rollover и наведите курсор мыши на второй .imgmouse img и покажите второй div.triangle-rollover ??

Код: 

        $('.imgmouse img, .tri-col td.tri-img span').mouseover(function() {
         $(".triangle-rollover").show();
    });
    $('.imgmouse img, .tri-col td.tri-img span').mouseleave(function() {
         $(".triangle-rollover").hide();
    });

это относится к этой таблице: 

<td class="tri-img"><img class="one" src="img/triangles/triangle33.png" alt="" ><span class="tri-val one">${StatsCube.parseInt(ChartData.PTS)}</span></td>
<td class="tri-img"><img class="two" src="img/triangles/triangle33.png" alt="" ><span class="tri-val two">${StatsCube.parseInt(ChartData.FGA)}</span></td>
<td class="tri-img"><img class="three" src="img/triangles/triangle33.png" alt="" ><span class="tri-val three">${StatsCube.parseInt(ChartData.TPA)}</span><span>%</span></td>

1 Ответ

1 голос
/ 10 апреля 2011

Вы можете использовать индекс изображения при наведении курсора мыши: 

$('.imgmouse img').bind('mouseover mouseout', function(e) {
    var index = $('.imgmouse img').index(this),
        $div  = $('.tri-bottom div').eq(index);   
    if(e.type == 'mouseout') {
        $div.hide();
    } else {
        $div.show();
    }
});
...