2012-06-26 3 views
0

J'ai besoin d'un clic sur le bouton .next dans jQuery serialScroll/scrollTo pour non seulement glisser vers l'élément suivant mais aussi faire un appel ajax pour le nouveau contenu avant de le faire. Quel est le meilleur moyen d'obtenir un appel ajax sur le bouton .next dans serialScroll?Jquery scrollTo serialScroll revenir au premier élément après ajax load

Voici le truc serialScroll;

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

Et le code ajax:

 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; 

Répondre

0

Eh bien peut-être ce n'est pas idéal mais je fini par utiliser scrollTo à la place.

est ici pour le clic sur le bouton suivant:

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

Et le code pour le bouton précédent:

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