Isotope funktioniert nicht mit AJAX (Codebeispiele)

Ich versuche, Isotope zu integrieren, aber ich habe Probleme, es mit Ajax zum Laufen zu bringen.

Hier ist der Code:

<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 += '&currentPage='+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 ist nur ""

Wenn die Isotopenlinie auskommentiert ist, werden Divs tatsächlich wie erwartet angezeigt, aber da ich nicht herausfinden kann, wie man in der Isotopenlinie arbeitet, kann ich sie nicht zum Laufen bringen.

Ich versuche, Isotop in die "Einfügemethode" zu integrieren, die ich ohne Ajax arbeiten konnte.

Auszug aus:http://isotope.metafizzy.co/docs/adding-items.html

"Methode einfügen

Mit größerer Wahrscheinlichkeit möchten Sie die Einfügemethode verwenden, die alles erledigt, was addItems vermisst. Mit insert wird der Inhalt an den Container angehängt, der neue Inhalt gefiltert, der gesamte Inhalt sortiert und anschließend ein ReLayout ausgelöst, damit alle Elementelemente ordnungsgemäß angeordnet sind.

var $newItems = $('<div class="item" /><div class="item" /><div class="item" />');
$('#container').isotope( 'insert', $newItems );

Die letzte Zeile muss in die Ajax-Zeile integriert werden, aber ich sehe nur nicht, wo ich sie platzieren kann. Ich habe einige Methoden ausprobiert, von denen eine in der auskommentierten Zeile gezeigt wird.

Kann jemand das Problem sehen?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage