2011-05-15 16 views
6

Yani JQuery ile kayıtları için bir çağrı yapmak w bu gibi sayfa yükleri:Otomatik Kaydırma Divs JQuery (hem Foursquare Besleme)/

$.ajax(
     { 
      type: "POST", 
      url: "<%= Url.Action("GetRecords", "Home") %>", 
      data: sessioninfo, 
      success: function(data){ 
       // data == the divs 
       } 
     }); 

<div> elemanlarının herhangi bir miktar olabilir geri geliyor data (0 veya daha fazla). Sayfamda da <div id="container">1 var. Birazdan AJAX çağrısından sonra, yerleştirmek istediğiniz, container geri çağrı geliyor, ya da orada olduğu kadar çoktur <div> elemanlarının 8 Bundan sonra daha az 8.

, her 5 saniyede (eğer yapabilirsem Javascript'te bir aralık ayarlayarak bunu yapın), en son div altını container'dan dışarı kaydırıp bir sonraki listeyi en üste kaydırın (ala Foursquare.com). Görüntülenecek başka bir şey yoksa, daha fazla almak için başka bir AJAX araması yapar ve daha fazlası varsa, o zaman alttan açılır ve aynı şekilde üst üste açılır.

İşte temel sorularım.

Bu animasyonu JQuery ile nasıl yapabilirim? Ayrıca, başlangıçta sığmayan <div> öğelerini nerede saklamam gerekir (8'den fazla geri geliyorsa)? Daha fazlası için bir çağrı yapmam gerekirse ikinci AJAX çağrısından geri gelenleri saklamak için de bir yer olacağını varsayıyorum.

DÜZENLEME: tamamen uygun değil, aksi takdirde sadece aşağı kaydırın gerektiğini eğer alt en <div> sadece container dışarı slayt gerekir. Bu, container'da 8 <div> öğesinden daha az olduğunda olur.

Teşekkürler çocuklar!

+0

ödül ne var takip edin? Sorunuz zaten cevaplanmış gibi görünüyor mu? –

+0

Ödül almamdan önceydi. – slandau

+0

Doğru, ama ödül hala açık. Hala olağanüstü bir şey var mı? Değilse, kabul edilen cevabı –

cevap

3

this Neyi başarmaya çalışıyorsunuz? Çünkü eğer

, sadece tutorial

+0

Böyle bir blog yazısı için her yeri aradım ve bulamadım. Teşekkür ederim :) – slandau

+0

Google arkadaşın, ama sevindim ve sana yardımcı olabileceğine sevindim :) – balexandre