Question

我在文档加载时有近10个不同的AJAX调用。当insert()成功时，我已尝试reLayout()和Isotope AJAX函数，但我无法正常工作。我打开jsFiddle但AJAX无效，因为无法从外部访问。虽然你可以看到AJAX电话，如果你能告诉我在这种情况下该做什么，我会很高兴。

这是我在#divMecraSatisDagilimi：

中重复的div和im加载内容

    <div class="rowPanel2 blue">
        <div class="rowCaption2">
            Mecra Satış Dağılımı
        </div>
    <div id="divMecraSatisDagilimi">    
    </div>
</div>

但我找不到将此div附加到Isotope的方法。

这是jsFiddle link。

Answer 1

同位素初始化了吗？需要初始化它才能对容器执行任何操作

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

完成此操作后，由于您只是在我可以理解的范围内编辑项目内部，因此您无需调用insert函数，该函数用于插入新项目，您应该确实使用了ajax调用中的reLayout函数。

例如

$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');
});

希望有所帮助！

使用Ajax进行同位素重新分配

1 个答案: