Блог

Главная - Вопросы по программированию - У меня есть несколько динамически созданных элементов divs, требуется эффект при наведении курсора мыши на определенный элемент, как я могу разрешить?

У меня есть несколько динамически созданных элементов divs, требуется эффект при наведении курсора мыши на определенный элемент, как я могу разрешить?

#javascript #jquery #laravel-4

#javascript #jquery #laravel-4

Вопрос:

У меня есть несколько элементов divs (class .card-img), созданных динамически в зависимости от записей базы данных, я хочу эффект при наведении курсора мыши. Я ввел следующий скрипт, но при наведении курсора все элементы производят эффект, это логично, но я хочу, чтобы эффект БЫЛ ТОЛЬКО в том div, который я навожу, а не во всех.

HTML:

  <div class="image card-img">
    <div class="card-overlay-info"></div>
    <img class="" src="{{asset($item->mainThumbnail())}}" alt="{{$item->title}}">
 </div>

JS:

 $( ".card-img" ).mouseover(function() {
      $( ".card-overlay-info" ).fadeIn();
});

Комментарии:

1. $( ".card-overlay-info", this ).fadeIn();

2. Спасибо, аденео!! Как вы можете видеть, я новичок в jquery. Все в порядке! Большое вам спасибо из Аргентины.

Ответ №1:

Спасибо аденео за ответы на мои вопросы!!

Это и есть решение.. простой аргумент this в script ;

$( «.card-overlay-info», это ).fadeIn();