使用jquery拉入'下一個'內容

Question

我想添加一個'下一步'按鈕到我的內容輪換。每張幻燈片的內容位於子頁面上。它可以點擊每個幻燈片的實際導航鏈接，但'下一個'鏈接不會拉入我需要的內容。

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; 


}); 

在Firebug是說nexthref是不確定的;我是否把這個var放在錯誤的地方？它應該在哪裏？

謝謝你。

Answer 1

謝謝，明白了。

$('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'); 

現在它會帶我一兩分鐘，以找出是否有別的錯誤...

編輯 —我不是在<a>曾經獲得「下一個明確的「課程設置。我看到「選擇」類，但不是「下一個」。其他一些代碼是否可以這樣做？