[jQuery] - bottoni che dipendono dagli altri

[carlCarlton]

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:

1. il "div 1" viene cliccato
2. 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)
3. ora viene cliccato il "div 2"
4. 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"
5. 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?

[wingman87]

Quando fai il bind devi specificare anche l'handler
http://api.jquery.com/bind/

[carlCarlton]

grazie per la risposta.
Ho letto quella pagina, ho corretto il codice di conseguenza, ma ho avuto ancora problemi...

Alla fine ho capito che era un problema di "bubbling" , ed ho risolto con un semplice controllo sulla classe-target dell'evento.