Jscroll — как работать с динамическими объектами?

Question

[rinaz22]

Всем привет! Сделал загрузку товаров по скроллингу с помощью Jscroll. Для товаров есть фильтры. По клику на фильтр отправляю той же функцией, что и для Jscroll.
Фильтр грузит товары уже по новым условиям, но вот когда дохожу до конца, Jscroll не работает.
Я думаю это из-за того, что товары с условиями фильтров я вызываю по клику, а не по скроллингу, поэтому на странице появляются новые объекты и Jscroll просто не "понимает" что делать.
Можно ли это как-то исправить?

Answer 1

[Exploding]

Ну ежели вы используете jq и устанавливаете слушатель клика, методом .on(); то в обработчике скроллинга, можно использовать $("#form_filter_submit_button").trigger("click");
Наверно как-то так

Comments

[rinaz22]

А какая разница кто будет кликать, я или триггер?

[Exploding]

rinaz22,

...и Jscroll просто не "понимает" что делать

Пусть ваш Jscroll делает это:
$("#form_filter_submit_button").trigger("click");

[Exploding]

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

[rinaz22]

Exploding, Вот код:

function get_tovar(name, data, type){
        var all_tovar = $("#all_tovar"),
	loading = "<img src='/themes/classic/assets/images/loading.gif' alt='Loading'>";
	// Подгрузка первых записей
	$.ajax({
		url: "get_tovar",
		dataType: "html",
		type: "GET",
		data: type+"=1&"+name+"="+encodeURIComponent(data),
		success: function(data){
			if(data){
				all_tovar.append(data);
				all_tovar.find(".jscroll-loading").hide();

				// Вызываем плагин
				$("#all_tovar").jscroll({
					loadingHtml: loading,
					nextSelector: ".next a"
				});
			};
		},
		error: function() {
			alert("При загрузке произошла ошибка!");
		}
	});
};

Вызываю функцию после полной загрузки страницы.

<script>
  window.onload = function() {
    get_tovar("id", "<?=$_GET['id'];?>", "catalog");
  }
</script>

Функция делает запрос, получает товары и т.д.
Когда нажимаю на фильтр, срабатывает onclick и вызывает ту же функцию. Сначала все выводит правильно, а когда отменяю действие фильтра(т.е. получаем товары без фильтра), то грузится только начальные товары, а потом уже товары по скролу не грузятся

[Exploding]

rinaz22, Сам плагин умеет подгружать контент с последующих страниц, по-этому никаких get_tovar-ов не нужно.
Проверил у себя локально, все работает, главное правильно селекторы указать.
У меня работает с такими параметрами:

$(function(){
	$('main').jscroll({
		loadingHtml: '<div class="h1 center">Loading...</div>',
		padding: 20,
		nextSelector: 'a.next_page',
		contentSelector: '.products_list_area',
		pagingSelector: '.pagination',
		//debug: true 
	});
});

Более - ничего не требуется.
А вообще плагины хороши, когда сам написал - сам юзаешь.