2011-05-15 5 views
6

그래서 나는 JQuery와 레코드에 전화를 걸 승 때이 같은 페이지가로드 :자동 스크롤 div를 JQuery와 (모두 포 스퀘어 피드)/

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

<div> 요소의 금액이 될 수 돌아 오는 data (0 이상).

내 페이지에도 <div id="container">이 있습니다. 내가 바로 AJAX 호출 후, 배치 할의 container에 다시 전화에서 온, 또는이 많은이있는 <div> 요소 (8) 그 후보다 8

, 5 초마다 (내가 할 수있는 경우 Javascript에서 간격을 설정하여이 작업을 수행함), 가장 아래에있는 div 슬라이드를 container 밖으로 밀어 내고 목록의 다음 슬라이드를 위로 (Ala Foursquare.com) 슬라이드로 표시하고 싶습니다. 표시 할 것이 더 이상 없다면, 더 AJAX를 얻기 위해 또 다른 AJAX 호출을 할 것이고, 더 많이 사용할 수 있다면 더 아래쪽으로 튀어 나와 같은 방식으로 튀어 나올 것입니다.

내 주요 질문은 다음과 같습니다.

어떻게이 애니메이션을 JQuery로 할 수 있습니까? 또한 처음에 적합하지 않은 요소 (예 : 8 개가 넘는 경우)를 어디에 보관해야합니까? 나는 더 많은 것을 요구할 필요가 있다면 두 번째 AJAX 콜에서 돌아온 콜을 저장할 장소라고 가정하고있다.

편집 : 그것은 완전히 적합하지, 그렇지 않으면 그냥 아래로 슬라이드해야 할 경우 은 하단이 가장 <div>container 밖으로 밀어한다. 이는 container에 8 개 미만의 <div> 요소가있는 경우에 발생합니다.

고마워요!

+0

어떤 현상금이 있습니까? 귀하의 질문에 이미 답변 한 것처럼 보입니까? –

+0

내가 현상금을 정하는 것은 아니었다. – slandau

+0

하지만 현상금은 아직 열려 있습니다. 아직 뛰어난 것이 있습니까? 그렇지 않다면, 수락 한 답변에 현상금을 수여해야합니다. –

답변

3

this 달성하려는 작업은 무엇입니까?

만약 그렇다면 바로 다음을 따르십시오. tutorial

+0

나는이 같은 블로그 게시물을 온통 찾고 있었고 찾을 수 없었다. 고맙습니다. :) – slandau

+0

Google은 귀하의 친구입니다.하지만 당신이 좋아서 기뻐요. – balexandre