carlCarlton
25-02-2012, 22:48
Buonasera a tutti, c'è un problema (sicuramente banale) che non riesco a risolvere.
Vengo al dunque: nella mia barra di navigazione ho 3 <div> che fungono da pulsanti. Ad ognuno di questi sono assegnate 2 funzioni principali:
hover -> mi serve ad ottenere il classico effetto roll-over click -> quando cliccato cambia il contenuto di una sezione della pagina
Ora, faccio un esempio:
il "div 1" viene cliccato per il "div 1" viene eseguito il corpo della funzione click, e alla fine vengono disattivate entrambe le funzioni per lo stesso <div>(per evitare che il "div 1" venga cliccato più volte) ora viene cliccato il "div 2" per il "div 2" vengono eseguiti gli stessi 2 passaggi di prima (ovviamente applicati al "div 2"), e allo stesso tempo vengono riattivate le 2 funzioni al "div 1" e cosi via per tutti i div, come un meccanismo di switch...
Per raggiungere tale obiettivo, ho inserito un paio di istruzioni bind/unbind nel corpo della funzione click:
$('.div_navigazione').click(
function()
{
//qui c'è il codice che modifica il contenuto di una sezione della pagina
$(this).unbind('click').unbind('mouseenter mouseleave');
('.div_navigazione').not(this).bind('click').bind('mouseenter mouseleave');
});
ma non ottengo il risultato sperato.
Qualche idea?
Vengo al dunque: nella mia barra di navigazione ho 3 <div> che fungono da pulsanti. Ad ognuno di questi sono assegnate 2 funzioni principali:
hover -> mi serve ad ottenere il classico effetto roll-over click -> quando cliccato cambia il contenuto di una sezione della pagina
Ora, faccio un esempio:
il "div 1" viene cliccato per il "div 1" viene eseguito il corpo della funzione click, e alla fine vengono disattivate entrambe le funzioni per lo stesso <div>(per evitare che il "div 1" venga cliccato più volte) ora viene cliccato il "div 2" per il "div 2" vengono eseguiti gli stessi 2 passaggi di prima (ovviamente applicati al "div 2"), e allo stesso tempo vengono riattivate le 2 funzioni al "div 1" e cosi via per tutti i div, come un meccanismo di switch...
Per raggiungere tale obiettivo, ho inserito un paio di istruzioni bind/unbind nel corpo della funzione click:
$('.div_navigazione').click(
function()
{
//qui c'è il codice che modifica il contenuto di una sezione della pagina
$(this).unbind('click').unbind('mouseenter mouseleave');
('.div_navigazione').not(this).bind('click').bind('mouseenter mouseleave');
});
ma non ottengo il risultato sperato.
Qualche idea?