0

私は大きな問題を抱えています。sequence.jsを使用して、構造を作成しました。それは機能しています：

<script type="text/javascript"> 
        $(document).ready(function(){
            var options = {
                autoPlay: false,
                nextButton: true,
                prevButton: true,
                preloader: false,
                transitionThreshold: false,
                cycle: false,
                hashTags: true,
                preloader: true,
                fadeFrameWhenSkipped: false,
                waitForAnimationToComplete: true,
                navigationSkipThreshold: 100,
                navigationSkip: false,

            }
            var sequence = $("#sequence").sequence(options).data("sequence");

            sequence.afterLoaded = function(){
                $("#nav").fadeIn(500);
                $("#nav li:nth-child("+(sequence.settings.startingFrameID)+") a").addClass("active");
            }

            sequence.beforeNextFrameAnimatesIn = function(){
                $("#nav li:not(:nth-child("+(sequence.nextFrameID)+")) a").removeClass("active");
                $("#nav li:nth-child("+(sequence.nextFrameID)+") a").addClass("active");
            }

            $("#nav li").click(function(){
                if(!sequence.active){
                    $(this).children("a").removeClass("active").children("a").addClass("active");
                    sequence.nextFrameID = $(this).index()+1;
                    sequence.goTo(sequence.nextFrameID);
                }
            });
        }); 



    </script>

水平テーマを使用し、bgを追加して、ナビゲーションメニューを表示します。

<ul id="nav">
<li><a href="#">ONE</a></li>
<li><a href="#">TWO</a></li>
<li><a href="#">THREE</a></li>
<li><a href="#">FOUR</a></li>
<li><a href="#">FIVE</a></li>
</ul>

ONEでTWOアイテムをクリックしたら、TWOに移動します。問題ありません。ただし、FIVE on TWOをクリックすると、対応するページに移動しますが、アイテム間には表示されません。これ欲しい：

EG TWO、最初のTHREEでFOURをクリックし、その後FOURを取得します。私を理解していただければ幸いです。これどうやってするの？

4

1 に答える 1

0

Sequence.jsはこのようには機能しません。フレームは互いに独立しているため、最初のフレームを表示して5番目のフレームに移動すると、その間のフレームは非アクティブのままで変更されません。

于 2013-01-08T00:09:58.277 に答える