Utilisez jquery pour récupérer le contenu 'suivant'

Question

J'essaie d'ajouter un bouton 'suivant' à ma rotation de contenu. Le contenu de chaque diapositive est sur les sous-pages. Cela fonctionne de cliquer sur le lien de navigation de chaque diapositive, mais le lien "suivant" ne tirera pas dans le contenu dont j'ai besoin.

HTML

<ul class="navtop"> 
    <li class="selected"><a href="slide-01.html">1</a></li> 
    <li><a href="slide-02.html">2</a></li> 
    <li><a href="slide-03.html">3</a></li> 
    <li><a href="slide-04.html">4</a></li> 
</ul> 

JS

$('a.next').click(function() { 
    var nexthref = $('.navsub li.selected a').href; 
    //remove and add selected class 
    var next = $('.navsub li.selected').next('li'); 
    $('.navsub li.selected').removeClass('selected'); 
    $(next).addClass('selected'); 

    //fade out and fade in  
    $('.pull div').fadeOut('slow', function(){ 
      var current = $('.navsub li.selected a');   
      $(current).load(nexthref + " .pullSource div", function(){ 
        $(this).fadeIn('slow'); 
      }); 

     }); 
    return false; 


}); 

Dans Firebug est dit le nexthref est indéfini; est-ce que je mets ce var au mauvais endroit? Où devrait-il être?

Merci.

Answer 1

Merci, vous l'avez compris.

$('a.next').click(function() {  
    //remove and add selected class 
    var next = $('.navsub li.selected').next('li'); 
    $('.navsub li.selected').removeClass('selected'); 
    $(next).addClass('selected'); 

    //fade out and fade in 
    var nexthref = $('.navsub li.selected a').attr('href'); 
    $('.pull div').fadeOut('slow', function(){ 
      var current = $('.navsub li.selected a');   
      $(this).load(nexthref + " .pullSource div", function(){ 
        $(this).fadeIn('slow'); 
      }); 

     }); 
    return false; 


}); 

Answer 2

var nexthref = $('.navsub li.selected a').attr('href'); 

maintenant ça va me prendre une minute ou deux pour savoir s'il y a quelque chose d'autre mal ...

modifier — Je ne suis pas clair sur l'endroit où la <a> obtient toujours la « prochaine "ensemble de classe. Je vois la classe "selected", mais pas "next". Est-ce que d'autres codes le font?