2012-11-30 76 views
0

有人幫我做了一些Ajax和jQuery代碼,我正在實現新的代碼,但我被卡住了試圖做一個效果。那麼,我有一個Ajax調用去API,並返回11個div並顯示divs,我想要做的就是slideDown div number 11,這樣我就可以得到新東西推動老東西的效果,我的div 11有一個類「push-old-divs」,我的問題在於,我不知道如何從Ajax返回「msg」。如何顯示所有的div免除類「push-old-divs」,然後預先設定該div。Ajax和jQuery代碼不知道它是如何工作的

 $.ajax({ 
      url: "lead-activity.php?limit=0&limit_sup="+(limit+new_leads)+ "&newleadslast=" + new_leads, 
      success: function(msg){ 
       $("#div_container_leads").html('<div id="div_before_new"></div>'+msg+'<div id="div_before_more"></div>'); 
      } 
     }); 
+0

首先,ajax返回msg的樣子是什麼樣的? – VIDesignz

+0

其次,您需要在Ajax成功中調用'.slideDown()'函數。 – VIDesignz

+0

JSON響應看起來像這樣:

a
b
....
m

回答

0

所以,我明白你的問題,你有11個div的,並且要插入從DIV#10和DIV#11之間的AJAX味精一個div?

下面是一個例子:

http://jsfiddle.net/mnxWg/

它採用.hide(1000),其中上滑,但是你可以使用效果基本show方法以及

+0

只是擡起頭來,這應該在評論部分,而不是作爲答案。 – VIDesignz

+0

我沒有足夠的知名度來評論 – dmoss18

+0

我的消息返回11 divs,div 1,div2,div3 ...但我只想顯示10個div並隱藏div11,它有一個類「push-old-divs」,一旦我顯示10 div我想要顯示div11但做slideDown效果。謝謝 –

0

我會先放display:none;的分度類「 push-old-divs'在您的PHP,所以當它加載它最初是隱藏的

然後修改你的ajax成功函數就像這樣

$.ajax({ 
    url: "lead-activity.php?limit=0&limit_sup="+(limit+new_leads)+ "&newleadslast=" + new_leads, 
    success: function(msg){ 

     $("#div_container_leads").html('<div id="div_before_new"></div>'+msg+'<div id="div_before_more"></div>'); 
     $('.push-old-divs').slideDown(500); 


    } 
}); 
相關問題