Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Jquery menu problemi con la funzione slideToggle()

    Salve ragazzi ho un piccolo problema con Jquery, quando clicco sul menu mi vengono visualizzati correttamente le sotto-categorie.... ma quando clicco su una di queste sottocategorie mi si richiude il menu e non vengono lanciate le url dei link di queste sottocategorie. Per intenderci posto il codice:

    Html:

    codice:
    <ul id="menu-campionati" class="menu">[*]
     Italia
       <ul class="sub-menu">[*]
       Italia: Serie A
       [*]
       Italia: Serie B
       [/list]
     [/list]
    Javascript:

    codice:
    $(document).on("click", "ul#menu-campionati li", function(e) {
               e.preventDefault();
               $(this).children().children().slideToggle('fast');
          
    });
    Non mi si aprono le URL dei sub.menu ... cosa sbaglio??

    Grazie.

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao.
    Prova in questo modo:

    codice:
    $(document).on("click", "ul#menu-campionati>li>a", function(e) {
      e.preventDefault();
      $(this).parent().children().children().slideToggle('fast');
      // oppure
      //  $(this).siblings("ul.sub-menu").children().slideToggle('fast');
    });
    In particolare ho assegnato l'evento click, non all'elemento "li" padre (perché questo ovviamente comprenderebbe anche tutti gli elementi figli al suo interno che fanno scatenare lo stesso evento), ma all'elemento "a" che è quindi slegato dai "suoi fratelli".
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  3. #3
    eh lo sò ci sono arrivato dopo.. avevo risolto cosi (10 minuti fà)...

    codice:
    $("#menu-campionati li").on("click", function(e) {
               e.preventDefault();
               if( $(e.target).is("ul.sub-menu li a") ) {
               window.location = $(e.target).attr('href');
               }else {
               $(this).children().children().slideToggle('fast');
               }
    });

    Ma la tua soluzione è migliore e l'ho subito utilizzata!
    Grazie mille!

    P.S. .. fantastico Jquery!

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.