Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [javascript]Aktywny link w menu nie działa poprawnie
Forum PHP.pl > Forum > Przedszkole
tiko35
Lista rozwijalna:
  1. ul >
  2. <li><a href="glowna.html">Strona główna</a></li>
  3. <li><a href="pierwszy.html">Pierwszy</a></li>
  4. <li><a href="drugi.html">Drugi</a></li>
  5. <li><a href="#">Trzeci</a></li>
  6. <li><a href="#">Czwarty</a></li>
  7. </ul>

Plik jquery:
  1. $(document).ready(function(){
  2. $("a").click(function(){
  3. var path_name = document.location.href;
  4. if($('a[href="path_name"]')){
  5. $(this).parent().addClass('inny').siblings().removeClass('inny');
  6. }
  7. });
  8. });


Kod aktywnego linka menu nie dziala dobrze tzn: w przypadku gdy wybieram linki trzeci i czwarty gdy adres odnosi mnie do # to link działa poprawnie i jest zaznaczony na inny kolor (gdyż w klasie inny zawarta jest własność color: red;) Natomiast kod nie działa w przypadku gdy przechodzę na ades glowna.html, pierwszy.html i drugi.html.
nospor
No bo jak klikasz na link, który ma ustawione adres do innej strony to przeglądarka ci się przeładowuje wink.gif

ps:
if($('a[href="path_name"]')){
ten warunek jest totalnie bez sensu i zawsze jest spełniony.
Raz, że $() zawsze zwraca true, nawet jak nic nie ma
Dwa, że href="path_name" szuka tekstu path_name a nie tekstu ze zmiennej path_name
sada
zamień if i powinno działać nie sprawdzałem
[JAVASCRIPT] pobierz, plaintext
  1. if($(this).attr('href')==path_name){
  2. $(this).parent().addClass('inny').siblings().removeClass('inny');
  3. }
[JAVASCRIPT] pobierz, plaintext
tiko35
Cytat
if($(this).attr('href')==path_name){
$(this).parent().addClass('inny').siblings().removeClass('inny');
}

Niestety nie działa ten kod, już zauważyłem dlaczego:
ponieważ:
path_name pokazuje cały link typu: http://localhost/test/index.html
natomiast:
$(this).attr('href') pokazuje tylko ostatnią część linka czyli w tym przypadku: index.html
Jak można usunąć początek linku z path_name tak by dało się porównać z $(this).attr('href)?
mortus
Skorzystaj np. z tej funkcji:
[JAVASCRIPT] pobierz, plaintext
  1. function basename(path) {
  2. return path.replace(/\\/g,'/').replace( /.*\//, '' );
  3. }
[JAVASCRIPT] pobierz, plaintext

w taki sposób:
[JAVASCRIPT] pobierz, plaintext
  1. if($(this).attr('href')==basename(path_name)){
  2. // ...
  3. }
[JAVASCRIPT] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.