Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente bannato
    Registrato dal
    Jan 2012
    Messaggi
    76

    [Jquery]aggiungere una classe al nsv menu in base all'url

    ciao raga
    ho un nav menu

    <ul>
    <li id="current">Link[*]Link[*]Link[/list]

    ho predisposto un immagine di sfondo diversa all'id=current
    solo che non riesco a predisporre una funzione che se l'url è uguale a un <a> mi deve inserire l'id=current a quel li

    ipotizziamo che il mio sito sia www.miosito.it

    dovrei prendere quello che ci sta dopo www.miosito.it, quindi per esempio /page2 confrontarlo con href del menu e ggiungere l'id al li

    complicato?? io non ci riesco

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    codice:
    $(function(){
      var pageUrl=self.location.href;
      $('#idMenu li a').each(function(){
        if(pageUrl.indexOf($(this).attr('href'))>-1){
           $('#current').removeAttr('id');
           $(this).parent().attr('id','current');
           return false
        }
      })
    })

  3. #3
    Utente bannato
    Registrato dal
    Jan 2012
    Messaggi
    76
    xinod sei un grande
    complimenti e grazie

  4. #4
    Utente bannato
    Registrato dal
    Jan 2012
    Messaggi
    76
    ho solo un problema

    se metto
    Codice PHP:
      <li id="current">[url="/"]Home[/url][*][url="/link1"]Registrati[/url][*][url="/link2"]Login[/url
    il primo "li" mi sballa gli altri
    in pratica mi rimane sempre l'id al primo "li" forse quell'indirizzo crea problemi e cioè "/"

  5. #5
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    si', e' per quello, tra l' altro ci sarebbero altri casi in cui il controllo fallirebbe...
    se sono scritti tutti cosi' prova
    codice:
    $(function(){
      var urlPath=self.location.pathname;
      $('#idMenu li a').each(function(){
        if(urlPath==$(this).attr('href')){
           $('#current').removeAttr('id');
           $(this).parent().attr('id','current');
           return false
        }
      })
    })
    ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.