Попытка изменить изображение при наведении, но получение $ var.attr не является ошибкой функции - PullRequest
Новая
       57

Попытка изменить изображение при наведении, но получение $ var.attr не является ошибкой функции

1 голос
/ 02 мая 2020

Я пытаюсь изменить миниатюру при наведении курсора на другую меньшую миниатюру (показать изменение цвета). На странице есть несколько групп изображений. HTML генерируется динамически, поэтому я назначаю идентификаторы через JQuery.

Код, который я использую для назначения идентификатора каждому изображению (это прекрасно работает): 

$('.pretty-item .image-container > a img').each(function (index) {
    $(this).attr("id","id" + index);
  });

проблемная строка в коде: 

$('.pretty-item .image-container > a img').each(function() {
var $mainImg = $(this).attr('id');
$(".catalog-tiny-thumbnail").mouseover(function(){
var src = $(this).attr("src");
var doubleWidth = $(this).width()*2;
var doubleHeight = $(this).height()*2;
$mainImg.attr($("src"),src);
$mainImg.css({"width":doubleWidth,
                                "height:":doubleHeight});
});
});

$ mainImg.attr ($ ("sr c"), sr c); выдает Uncaught TypeError: $ mainImage.attr не является функцией

Где я иду не так?

1 Ответ

0 голосов
/ 02 мая 2020

$mainImg это просто идентификатор изображения, поэтому 

 $mainImg.attr($("src"),src);

должно быть 

 $("#" + $mainImg).attr("src",src);

То же самое относится к 

 $mainImg.css({"width":doubleWidth,"height:":doubleHeight});

, который должен быть 

 $("#" + $mainImg).css({"width":doubleWidth,"height:":doubleHeight});
...