使用jQuery拉入“下一个”内容

8ehkhllq  于 2023-06-22  发布在  jQuery
关注(0)|答案(2)|浏览(92)

我正在尝试在我的内容循环中添加“下一步”按钮。每张幻灯片的内容都在子页面上。它的工作原理是点击每个幻灯片的实际导航链接,但“下一个”链接不会拉在我需要的内容。
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 is中,nextref是未定义的;我是不是把变量放错地方了它应该在哪里?
谢谢

i1icjdpr

i1icjdpr1#

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

现在我得花一两分钟来弄清楚是否还有其他问题……

  • edit* -我不清楚<a>在哪里获得“下一个”类集。我看到了“selected”类,但没有看到“next”。其他代码可以做到这一点吗?
s4n0splo

s4n0splo2#

谢谢我明白了

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

});

相关问题