2012-12-16 4 views
0

큰 문제가 있습니다. 사용하여 sequence.js 그리고 내 구조를 만들었습니다. 작동 중입니다 :HTML5 및 자바 스크립트의 프레임 전환

<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> 

두 항목 중 하나를 클릭하면 두 가지로 이동합니다. 그러나 두 페이지에서 FIVE를 클릭하면 해당 페이지로 이동하지만 항목 간에는 표시되지 않습니다. 나는 이것을 원한다 :

E.G. 두 번, 네 번, 네 번을 네 번 클릭하십시오. 나는 네가 나를 이해할 수 있기를 바란다. 내가 어떻게 할 수 있니?

+0

나는 마지막 두 문장을 이해하지 못한다. –

+0

은 그렇게하도록 설계된 스크립트입니까? 스크립트 작성자에게 물어보아야합니다. – mpm

답변

0

Sequence.js는 이러한 방식으로 작동하지 않습니다. 프레임은 서로 독립적이므로 첫 번째 프레임을보고 다섯 번째 프레임으로 이동하면 그 사이의 프레임은 비활성 상태와 변경되지 않은 상태로 유지됩니다.