Не могу заставить изотоп работать с AJAX (примеры кода)
Я пытаюсь интегрировать изотоп, но у меня возникли проблемы с его работой с ajax.
Вот код:
<script type="text/javascript">
var currentPage = 1;
$(function(){
var getUrl = 'loadMovies.php';
var getQuery = 'genrefilter='+movieSelection.elements["genreFilter"].value;
getQuery += '&yearfilter='+movieSelection.elements["yearFilter"].value;
getQuery += '&titlesort='+movieSelection.elements["titleSort"].value;
getQuery += '&ratingsort='+movieSelection.elements["ratingSort"].value;
getQuery += '&yearsort='+movieSelection.elements["yearSort"].value;
getQuery += '&runtimesort='+movieSelection.elements["runtimeSort"].value;
getQuery += '¤tPage='+currentPage;
var $container = $('#movieBox');
//$container.isotope({itemSelector: '.movie'});
$.ajaxSetup({cache:false});
var ajax_load = "<img class='loading' src='images/load.gif' alt='loading...' />";
//$("#genreFilter").change(function(){$container.isotope('insert', ajax_load).load(getUrl, getQuery);});
$("#genreFilter").change(function(){$('#movieBox').html(ajax_load).load(getUrl, getQuery);});
});
HTML просто & quot; & quot;
С закомментированной линией изотопов я на самом деле отображаю div, как и ожидалось, но так как я не могу понять, как работать с линией изотопов, я не могу заставить ее работать.
Я пытаюсь интегрировать изотоп с & quot; вставкой & quot; метод, который я получил работать без AJAX.
Извлечь из:http://isotope.metafizzy.co/docs/adding-items.html
& quot; метод вставки
Скорее всего, вы хотите использовать метод вставки, который делает все, что пропускает addItems. insert добавит содержимое в контейнер, отфильтрует новое содержимое, отсортирует все содержимое, а затем вызовет reLayout, чтобы все элементы элемента были правильно размещены.
var $newItems = $('<div class="item" /><div class="item" /><div class="item" />');
$('#container').isotope( 'insert', $newItems );
Последняя строка - это то, что мне нужно для интеграции с линией ajax, но я просто не вижу, где я могу ее разместить. Я пробовал несколько методов, один из которых показан в закомментированной строке.
Кто-нибудь может увидеть проблему?