2016-09-17 4 views
0

Ich benutze eine Vorlage Webseite. Es gibt eine Navbar im Header der Seite.Gegenüber von jQuery: eq() - jquery

mein Kopf:

 <li class="scroll active"><a href="#home">Home</a></li> // first when page load 
     <li class="scroll"><a href="#services">Service</a></li> // second when page is scrolling to down. 
     <li class="scroll"><a href="#about-us">About Us</a></li> //.. 
     <li class="scroll"><a href="#portfolio">Portfolio</a></li> 
     <li class="scroll"><a href="#team">Team</a></li> 
     <li class="scroll"><a href="#blog">Blog</a></li> 
     <li class="scroll"><a href="#contact">Contact</a></li> 

function Scroll() { 
    var contentTop  = []; 
    var contentBottom = []; 
    var winTop  = $(window).scrollTop(); 
    var rangeTop = 200; 
    var rangeBottom = 500; 
    $('.navbar-collapse').find('.scroll a').each(function(){ 
     contentTop.push($($(this).attr('href')).offset().top); 
     contentBottom.push($($(this).attr('href')).offset().top + $($(this).attr('href')).height()); 
    }) 
    $.each(contentTop, function(i){ 
     if (winTop > contentTop[i] - rangeTop){ 
      $('.navbar-collapse li.scroll') 
      .removeClass('active') 
      .eq(i).addClass('active'); 
     } 
    }) 
}; 

jetzt möchte ich Artikel von Kopf umkehren:

 <li class="scroll"><a href="#contact">Contact</a></li> 
     <li class="scroll"><a href="#blog">Blog</a></li> 
     <li class="scroll"><a href="#team">Team</a></li> 
     <li class="scroll"><a href="#portfolio">Portfolio</a></li> 
     <li class="scroll"><a href="#about-us">About Us</a></li> 
     <li class="scroll"><a href="#services">Service</a></li> 
     <li class="scroll active"><a href="#home">Home</a></li> 

aber aktive Klasse nicht geändert, wenn ich Seite nach unten scrollen.

Ich denke, das Teil meiner Code Änderung wird sein sollte:

 $('.navbar-collapse li.scroll') 
     .removeClass('active') 
     .eq(i).addClass('active'); 

aber ich weiß nicht, wie !!!

+0

nicht dieser Teil verstanden Hat 'aber aktive Klasse nicht geändert, wenn ich scrollen Seite nach unten. Was? soll passieren, wenn Sie die Reihenfolge der Elemente umkehren (vorausgesetzt, dass Umkehrung programmgesteuert erfolgt)? – gurvinder372

Antwort

0

Gegenteil von $('selector').eq(x) ist:

  • $('selector').not(':eq(x)')

ODER

  • $('selector:not(:eq(x))')
Verwandte Themen