Salve, sto usando jQuery per creare una pagina dinamica in cui l'utente può aggiungere dei box all'interno di un riquadro trascinando il loro che compare all'interno di una lista su questo riquadro, che è un div. Ognuno di questi box che vengono creati dall'utente è un div a sua volta e voglio fare in modo che quando l'utente passi il mouse sopra di esso, appaia un bottone:
codice:
$('#singleColumn' + time).show(SHOW_COMPONENT_SPEED)
    .live('mouseenter', function() { $('#propertiesButtonSingle' + time).fadeIn(FADEIN_SPEED); })
    .live('mouseleave', function() { $('#propertiesButtonSingle' + time).fadeOut(FADEOUT_SPEED); });
Il codice funziona perfettamente, nel senso che quando aggiungo un box viene mostrato il bottone. Il problema è che quando aggiungo un secondo box alla pagina l'evento mouseenter non viene più attivato per il box che c'era già prima, come se venisse sovrascritto dal secondo (sul secondo box invece funziona). Se aggiungo un terzo box idem, il primo e il secondo non funzionano più mentre l'ultimo sì. I box hanno tutti id diversi così come i bottoni, etc..
Qualche idea?