2012-06-26 8 views
0

jQuery serialScroll/scrollTo에서 .next 버튼을 클릭해야 다음 항목으로 넘어갈뿐만 아니라 새로운 내용을 보려면 새 내용을 호출해야합니다. serialScroll의 .next 버튼으로 ajax 호출을하는 가장 좋은 방법은 무엇입니까?Jquery scrollTo ajax로드 후 첫 번째 항목으로 건너 뛰는 serialScroll

다음은 serialScroll 항목입니다.

$('.audioholder').serialScroll({ 
target:'.scrollable', 
items:'.newthing', 
prev:'img.prev', 
next:'img.next', 
cycle:false, 
axis:'x', 
duration:700, 
force:true, 
lazy:true, 
}); 

그리고 아약스 코드 :

 var target = $(this).closest('.newthing').next('.newthing'); 
     var toLoad = Drupal.settings.basePath + 'replies/' + mynid; 
     xhr = $.ajax({ 
      url: toLoad, 
      success: function(data) { 
     $(target).html(data); 

     }); 
     return false; 

답변

0

그럼 어쩌면 이상적인 아니지만 내가 대신 scrollTo를 사용하여 끝났다.

var myscrollable = $(this).closest('.scrollable'); 
myscrollable.scrollTo(target, 800); 

그리고 이전 버튼에 대한 코드 :

var mynewthing = $(this).closest('.newthing'); 
var prevthing = mynewthing.prev(); 
var myscrollable = $(this).closest('.scrollable'); 
myscrollable.scrollTo(prevthing, 800); 

은 다음 다음 버튼을 클릭위한거야