[Решено] Перезапуск js обработчиков после обновления товаров в мега фильтр про

Всем привет , такая ситуация : написал скрипт для обновления данных при наведении на товар , когда поставил мега фильтр про то при фильтрации обновляется контент товаров , мой js не подхватывает эти обновления контента товара т. к. я его подключил в хедере а при фильтрации обновляется только часть страницы и мой код уже не видит этот кусок с которым работает . Может кто знает , как мне обновлять свой скрипт вместе с обновлением контента при фильтрации от мега фильтр?

 

Т. е. мне нужно повесить листенер на все дом елементы , а не на какие-то конкретные??? Дело в том что я использую ховер функцию , и при наведении на определенный блок , у меня происходит аякс запрос при помощи которого получаю данные с сервака .

вот код

Код:

    $('.product-series-img').hover(
        function() {
            var thisProdId = $(this).attr('product-id');
            if ($('.bx-wrapper')) {
                var thisImg = $(this).parents(".product-thumb").children('.product-caption').children('.image').children('a').children('img');
                var thisImgCaption = $(this).parents(".product-thumb").children('.product-caption').children('.caption');
            } else {
                var thisImg = $(this).parents(".product-thumb").children('.product-caption').children('.image').children('a').children('img');
                var thisImgCaption = $(this).parents(".product-thumb").children('.product-caption').children('.caption');
            }
            var data = {
                "ProdId": thisProdId
            }
            console.log(thisProdId)
            $.ajax({
                url: 'index.php?route=product/product/getProductInfo',
                type: 'post',
                data: data,
                dataType: 'json',
                beforeSend: function() {
                    console.log('отослано');
                },
                success: function(json) {
                    console.log(json);
                    $(thisImg).attr('src', json[0].img);
                    $(thisImg).attr('title', json[0].name);
                    $(thisImg).attr('alt', json[0].name);
                    $(thisImgCaption).children('h4').html(json[0].name);
                    var optionsVal = json.options[0].product_option_value;
                    $(thisImgCaption).children('.prod-sizes').children('.sizes').html("");
                    for (var i = 0; i < optionsVal.length; i++) {
                        if (optionsVal[i].quantity > 0) {
                            $(thisImgCaption).children('.prod-sizes').children('.sizes').append("<li><a href='#'>" + optionsVal[i].name + "</a></li>")
                        } else {
                            $(thisImgCaption).children('.prod-sizes').children('.sizes').append("<li class='nosize'><a href='#'>" + optionsVal[i].name + "</a></li>")
                        }
                    }
                }
            });
        },
        function() {
        });

все это еще обернуто в документ реди. Выходит если я буду запускать функцию при каком либо изменении дома то у меня произойдет рекурсия и все ляжет. А мне нужно как- то определить в каком месте происходит обновление контента в этом фильтре . Или я что-то не так делаю .

 

все , разобрался спасибо огромное.