2011-08-18 12 views
5

Ciao sto cercando di creare un flydown accessibile agli utenti di tastiera e mouse. Quando passo il mouse o ti concentro su li, mostro la navigazione verso il basso. Quindi uso la funzione del mouseleave per chiudere il flyout quando abbandono la sezione fly-down. Ho problemi a fare lo stesso per gli utenti di tastiera. La funzione sfocatura non funziona come voglio. Ho bisogno di una sorta di funzione di focalizzazione del fuoco simile al mouseleave. Sto anche cercando di costruire il mio esempio e non utilizzare un plugin. Eventuali suggerimenti?jQuery focusleave evento?

Ecco un esempio di ciò che ho:

<ul id="top-nav-tabs"> 
     <li class="top-nav-tab"> 
     <a href="#">Ex1</a> 
     <div class="sublevel"> 
      <ul class="sublevel-nav"> 
     <li>Test</li> 
     <li>test</li> 
     <li>test</li> 
     <li>test</li> 
      </ul> 
     </div> 
     </li> <li class="top-nav-tab"> 
     <a href="#">Ex2</a> 
     <div class="sublevel"> 
      <ul class="sublevel-nav"> 
     <li>Test</li> 
     <li>test</li> 
     <li>test</li> 
     <li>test</li> 
      </ul> 
     </div> 
     </li> 

+0

Cosa hai provato al momento? Dov'è quel JavaScript? – Beez

+0

'.focusout()'? –

risposta

0

.focusout()


Update: So che si desidera ripristinare il proprio, ma penso che questo plugin focusenterleave è Cosa stai cercando:

Questi sono per focalizzare e mettere a fuoco ciò che mouseenter e mouseleave sono per il mouseover e il mouseout. Ciò significa essenzialmente che la messa a fuoco a schede non bolle.

+0

focusout è come mouseout. ne voglio uno come il mouseleave. Se osservi la differenza tra mouseout e mouseleave, vedrai cosa intendo. –

+0

Aggiornato con ulteriori informazioni. – Ciaran