Não é possível obter Isotope para trabalhar com AJAX (exemplos de código)
Eu estou tentando integrar o isótopo, mas estou tendo problemas para fazê-lo funcionar com o ajax.
Aqui está o código:
<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 é apenas ""
Com a linha de isótopo comentada, eu realmente recebo divs exibido como esperado, mas desde que eu não consigo descobrir como trabalhar na linha do isótopo eu não consigo fazê-lo funcionar.
Eu estou tentando integrar o isótopo com o método "insert" que eu comecei a trabalhar sem ajax.
Extraído de:http://isotope.metafizzy.co/docs/adding-items.html
"método de inserção
Mais provavelmente, você deseja usar o método insert, que faz tudo o que addItems erra. insert anexará o conteúdo ao contêiner, filtrará o novo conteúdo, classificará todo o conteúdo e, em seguida, acionará um reLayout para que todos os elementos do item sejam adequadamente definidos.
var $newItems = $('<div class="item" /><div class="item" /><div class="item" />');
$('#container').isotope( 'insert', $newItems );
A última linha é o que eu preciso integrar com a linha ajax, mas eu simplesmente não vejo onde eu poderia colocá-la. Eu tentei alguns métodos um dos quais é mostrado na linha comentada.
Alguém pode ver o problema?