jQuery fisarmonica presso verticale

StackOverflow https://stackoverflow.com/questions/712763

  •  23-08-2019
  •  | 
  •  

Domanda

Quello che esistono plugin jQuery per una fisarmonica hover verticale? Sto cercando un plugin da utilizzare per un menu in cui:

    elementi
  • sottomenu si espanderà solo dopo una seconda fase di aleggiato (quindi qualcosa che forse utilizza il plugin hoverIntent);
  • può degradare con grazia se Javascript è disattivato; e
  • crollerà / chiudere qualsiasi voce di sottomenu quando il mouse si sposta completamente fuori di esso.

thank u very much!

È stato utile?

Soluzione

Si può provare a jQuery UI fisarmonica . Ha un sacco di opzioni e si può personalizzare, anche.

Altri suggerimenti

Potrei sbagliarmi, ma penso che ci possono essere problemi inerenti con l'utilizzo di un passaggio del mouse o un evento MouseEnter per controllare una fisarmonica verticale - a meno che davvero sapere che cosa i sottomenu stanno per essere come.

Il problema sta nel what-if: si dispone di una lunga lista di elementi in un sottomenu, e qualche breve sottomenu o le voci di menu singole che seguono qui sotto. in questo modo:

  • Menu
    • 1
    • 2
      • a
      • b
      • c
      • d
      • e
      • f
    • 3
    • 4
    • 5
      • a
      • b
      • c

Quindi, quando ci si sposta da 2 # a # 3, # 2 crolli, mettendo il vostro senso puntatore verso il basso l'elenco. Il fuoco tutto il passaggio del mouse / fuori o mouseenter / lasciare eventi per # 3, # 4, # 5 ... e magari andare oltre l'intero menu ... le cose possono iniziare a rimbalzare in giro come un matto.

Forse il plugin hoverIntent può essere fatto per lavorare, ma credo che solo utilizzando il clic del mouse è una soluzione più elegante. Almeno per un elenco astratto, cioè.

hey dare un'occhiata a questo plugin per Hover Fisarmonica, stavo cercando lo stesso effetto e ho trovato questo. http://berndmatzner.de/jquery/hoveraccordion/

E questo può aiutare a voi per rendere hover con de fisarmonica originale di jQuery. $("#accordion").accordion({ event: "mouseover" });

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top