Javascript 用Ajax进行同位素重测
在文档加载时,我有将近10个不同的AJAX调用。当Javascript 用Ajax进行同位素重测,javascript,jquery,ajax,jquery-isotope,Javascript,Jquery,Ajax,Jquery Isotope,在文档加载时,我有将近10个不同的AJAX调用。当AJAX成功时,我尝试了insert()和relayat()同位素的函数,但无法使其工作。我打开了jsFiddle,但是AJAX没有工作,因为它无法从外部访问。虽然你可以看到AJAX调用,如果你能告诉我在这种情况下该怎么做,我会非常高兴 这是我在#divMecraSatisDagilimi中重复的div和im加载内容: <div class="rowPanel2 blue"> <div class="ro
AJAX
成功时,我尝试了insert()
和relayat()
同位素的函数,但无法使其工作。我打开了jsFiddle
,但是AJAX
没有工作,因为它无法从外部访问。虽然你可以看到AJAX调用,如果你能告诉我在这种情况下该怎么做,我会非常高兴
这是我在#divMecraSatisDagilimi
中重复的div和im加载内容:
<div class="rowPanel2 blue">
<div class="rowCaption2">
Mecra Satış Dağılımı
</div>
<div id="divMecraSatisDagilimi">
</div>
</div>
梅格拉·萨蒂奥·达奥齐奥·勒姆(Mecra SatışDağlımı
但是我找不到将这个div
附加到同位素的方法
这是JSFIDLE。同位素初始化了吗?在容器上运行任何操作之前,需要对其进行初始化
$container.isotope({
itemSelector: '.rowPanel'
});
一旦完成这项工作,并且据我所知,您只是在编辑项目的内部,因此不需要调用用于插入新项目的insert
函数,您应该在ajax调用中使用relayat
函数
比如说
$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');
});
希望有帮助 不是100%确定我是否理解您的问题,但您知道$(“#divagentsiparsdagilimi”).html(agentsiparsdagilimi)每次调用success()
时,code>都会覆盖内容。是。这就是我的问题开始的地方。我想isotox
到reLayout()
每次我调用AJAX
我建议你更准确地阐明你想要的行为,因为我想我不明白。好吧,我已经更新了我的jsFiddle。如果你想要的话,你可以查看那里。JSFIDLE我在初始化同位素,但我的问题似乎是,当我给.wallContent
和.rowPanel
设置默认宽度时,我没有给容器元素任何宽度,也没有给它的itemSelector
。谢谢你的建议,它帮助我改变了想法。