Обработчик событий jQuery для после .ajaxComplete () и после полного рендеринга содержимого ajax - PullRequest
Новая
       11

Обработчик событий jQuery для после .ajaxComplete () и после полного рендеринга содержимого ajax

0 голосов
/ 30 сентября 2019

Я использую ajax для разбиения на страницы продуктов в списке продуктов, в основном "Нажмите, чтобы загрузить больше". У каждого продукта есть ограниченный контейнер, и я хочу, чтобы все они были одинаковой высоты подряд. Я использую плагин jquery-match-height, который отлично работает при первой загрузке (не через ajax), но он неправильно вычисляет контент, который затем загружается после нажатия «загрузить больше». Подозреваю, что это потому, что миниатюры изображений продуктов не были полностью загружены / обработаны при действии.

Я пробовал без плагина jquery-match-height и использовал: 

$(document).ajaxComplete(function(){

    var maxHeight = 0;
    $("div.prodListItem").each(function(){
        if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
    });
    $("div.prodListItem").height(maxHeight);

});

Но это все ещенеправильно вычисляется и имеет тот же результат, что и jquery-match-height. Что я могу использовать для запуска скрипта после полной загрузки недавно добавленных элементов dom, чтобы он вычислял правильную наибольшую высоту div.prodListItem?

...