jquery - 使用jquery拉取 'next'内容

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 未定义；我是否将该变量放在错误的位置？应该在哪里？

谢谢。

Answer 1

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

现在我需要一两分钟才能弄清楚是否还有其他问题......

编辑 - 我不清楚 <a> 在哪里曾经得到“下一个”类(class)集。我看到“选定”类(class)，但看不到“下一个”类(class)。其他代码可以做到这一点吗？