показать изображение при наведении только для фактического элемента наведения

Question

показать изображение при наведении только для фактического элемента наведения

0

У меня есть набор divs, построенных таким образом с display:none; на .imageholder:

<div class="parent">
<div class="imageholder">
    <img src="img.jpg">
</div>
<div class="parent">
    <div class="imageholder">
        <img src="img.jpg">
    </div>
</div>
<!--and so on...-->

и этот jQuery:

$('.parent').hover(
function() {
    $('.imageholder').fadeIn('slow');
},function() {
    $('.imageholder').fadeOut('slow');
}

); Когда я .parent все связанные родительские divs отображают изображение.

Как я могу заставить состояние зависания работать только для фактического зависающего родительского элемента? Благодарю!

agis 25 апр. 2014, в 16:33

Источник

Теги:

javascript

jquery

css

hover

3 ответа

1

$('.parent').hover(function () {
    $(this).find(".imageholder").fadeIn("slow");
});

sara 25 апр. 2014, в 11:21

0

Попробуйте эту скрипту, которую вы можете использовать.find() для точки div.

Как

$(document).ready(function()
                  {
                      $('.parent').hover(function() {
                    $(this).find('.imageholder').fadeIn('slow');
              },function() {
                   $(this).find('.imageholder').fadeOut('slow');
              })
                  });

Lal krishnan S L 25 апр. 2014, в 12:19

Ещё вопросы

Explosion Pills · Accepted Answer · 2014-04-25T11-01-00.000Z

function () {
    $(this).find(".imageholder").fadeIn("slow");
}

Вы можете использовать this в .hover.hover, чтобы обратиться к зависающему (родительскому) элементу.