Подскажите правильный триггер

Question

На странице с разными товарами есть фильтр. Выбирается отметкой checkbox. При отметке checkbox обновляется список товаров на странице в соответствии с отмеченным типом. У каждого товара есть картинка, загружается таким кодом:

<span data-more-photo='photo.jpg' class='lazy' id='01_pict' style="background-image: url('photo1.jpg');">
</span>

Скрипт для класса "lazy":

$(document).on('mouseenter mouseleave mouseout mouseover', '.nbCatalogSectionContainer, form.nbFilter__form', function() {
            $('.lazy').lazy({
                bind: "event",
            });
});

После отметки checkbox в фильтре на странице обновляется список товаров. И картинки этих появившихся товаров загружаются после движения курсора мыши.

Нужна альтернатива этому:

on('mouseenter mouseleave mouseout mouseover')

Надо сделать так, чтобы картинки загружались автоматически после обновления списка товаров. Без движения мыши.

Пример страницы: https://p-td.ru/catalog/domashniy-tekstil/polotentsa/f/color-is-%D0%B1%D0%BE%D1%80%D0%B4%D0%BE%D0%B2%D1%8B%D0%B9/a/

Answer 1

$(document).on('mouseenter mouseleave mouseout mouseover', '.test', function() {
  console.log("inside mouse event");
});
$('.test').mouseenter();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="test">TEST TEST TEST</div>

БЛОГ НА HUSL

Подскажите правильный триггер

Ответы (1 шт):