Q:

isotope reLayout with Ajax

I have almost 10 different AJAX call at document load. I've tried insert() and reLayout() functions of Isotope when AJAX is succeeded, but i couldn't get it work. I opened jsFiddle but AJAX not working because its not reachable from the outside. Although you can see the AJAX call and if you can tell me to what to do in this case I'd be so happy.
This is my repeating div and im loading content inside of the #divMecraSatisDagilimi:
    <div class="rowPanel2 blue">
        <div class="rowCaption2">
            Mecra Satış Dağılımı
        </div>
    <div id="divMecraSatisDagilimi">    
    </div>
</div>

but I can't find a way to attach this div to the Isotope.
Here's the jsFiddle link.

A:

Is isotope initialized? It needs to be initialized before you can run any action on the container
$container.isotope({
    itemSelector: '.rowPanel'
});

Once this is done and since you are only editing the inside of your items as far as I can understand, you don't need to call the insert function, which is used to insert new items, you should use indeed the reLayout function inside of your ajax calls.
For example
$container =  $(".wallContent");

$container.isotope({
    itemSelector: '.rowPanel'
});

$.get("/service1", function(res){
   // Updating the content one of the rowPanel item
   $(".rowPanel:eq(0)").html(res);
   $container.isotope('reLayout');
});

$.get("/service2", function(res){
   // Updating the content another of the rowPanel item
   $(".rowPanel:eq(1)").html(res);
   $container.isotope('reLayout');
});

Hope that helps!

