jQuery: измените EventType, используя делегат

0

В настоящее время есть следующий код:

$('#thumbs').delegate('img','hover', function(){
    $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
});

Но я хочу поменять изображение обратно на mouseout. Я пробовал адаптировать делегат для использования onmouseover EventType, а затем планировал добавить вторую функцию onmouseout, но по какой-то причине изменение "hover" на "onmouseover" не приводит к ожидаемому результату и не приводит к ошибке.

Любые мысли, почему это может быть? Кроме того, он рад за предложения о лучшем способе достижения желаемого результата.

Большое спасибо

Теги:

1 ответ

1
Лучший ответ

Пытаться

var $large = $('#largeImage').data('src', $('#largeImage').attr('src'));
$('#thumbs').on('mouseenter', 'img', function () {
    $large.attr('src', $(this).attr('src').replace('thumb', 'large'));
}).on('mouseleave', 'img', function () {
    $large.attr('src', $large.data('src'));
});

PoC: Fiddle

Поделиться
  • 1
    Отлично работает, спасибо.
  • 0
    @Graeme Если это работает для вас, то считайте это принятым. :)
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню