1

コンテンツ ローテーションに「次へ」ボタンを追加しようとしています。各スライドのコンテンツはサブページにあります。各スライドの実際のナビゲーション リンクをクリックすると機能しますが、「次へ」のリンクでは必要なコンテンツが取り込まれません。

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を間違った場所に置いていますか？どこにあるべきですか？

ありがとうございました。

4

2 に答える 2

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

他に何か問題があるかどうかを判断するのに1、2分かかります...

編集<a>— 「次の」クラスセットがどこで取得されるかは明確ではありません。「選択した」クラスは表示されますが、「次」は表示されません。他のコードはそれを行いますか？

于 2010-08-23T18:22:38.333 に答える
0

ありがとう、それを理解しました。

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


});
于 2010-08-23T19:01:43.243 に答える