У меня есть форма фильтра, которая при изменении заполняет контейнер div (#results) с новыми отфильтрованными результатами из БД. Но после изменения фильтра плагин Infinite Ajax Scroll показывает на второй странице результаты первого поиска. В случае изменения мне нужно полностью сбросить старые результаты и показать только новые. Я пробовал много решений, но ничего не делал. Я знаю, что есть способы сделать это, но я не могу понять, как их использовать в моем коде (проверьте комментарии).
// Form select inputs: on change call the filter $("select").on("change", function() { setTimeout(function() { ias.destroy(); }, 1000); ias.bind(); filter(); }); // Filter: Ajax call that returns new results by a SQL query to the DB var filter = function() { var formData = form.serializeObject(); $.ajax({ url: "/libs/filterData.php", type: "POST", data: JSON.stringify(formData), cache: false, success: function(results) { $("#results").html(results); } }); }; // IAS configuration //var initializeIas = function() { var ias = jQuery.ias({ container: "#results", item: ".result", pagination: ".page-nav", next: ".page-nav a" }); //}; //initializeIas(); Пробовал также это решение, но не работает.
Аналогичная проблема здесь .