jquery, problema con la visualizzazione di un effetto

[Infrattoni]

ciao a tutti
sto mettendo un effetto di mouseover e mouseout a un elemento

funziona benissimo...

il problema avviene quando questo elemento lo creo in modo dinamico

esempio:
clicco un bottone, aggiungo un elemento, dare a questo elemento un effetto. Non funziona l'effetto

mentre se l'elemento già esiste allora l'effetto funziona....


qualche idea?

Grazie ciao

[Infrattoni]

vorrei aggiungere un altra cosa


lo stesso problema avviene col bottone like di facebook

<div class="fb-like" data-href="www.ecc" data-send="true" data-width="450" data-show-faces="false"></div>


cioè se aggiorno la pagina con f5, allora visualizzo il bottone


se inserisco dinamicamente con jquery un nuovo elemento, quel bottone non compare......

[cavicchiandrea]

Usa .live o .on (dipende dalla versioni che usi di jquery) per associare l'evento agli oggetti dinamici

[Infrattoni]

.live mmm interessante non lo conoscevo

in pratica, mando delle informazioni via post con ajax e aggiungo il risultato
esempio

$.ajax({
type: "post",
url: "url.eccc" ,
datatype: "json",
success: function(request) {
$(request)
.prependTo('#listaMessaggi')
}


quindi dovrei cambiare prependTo con live?

[Infrattoni]

ecco ho letto le api di jquery e dovrebbe essere cosi

ho tolto le cose inutili

$("#submitBacheca").live("click", function() {
        $.ajax({
            type: "post",
            success: function(request) {
                //$("#ajax-load").remove();
                $(request)
                .prependTo('#listaMessaggi')
            }
        }); // End ajax
    }); // End bind

ora il risultato che aggiungo è:

<li class="myclass">



l'efetto mouseover è:

$(document).ready(function(){
$(".myclass").mouseover(function() {
    $(this).find(".img").show();
  }).mouseout(function(){
    $(this).find("img").hide();
  });
});

solo che anche con live la funzione mouseove non va(solo sull'elemento creato dinamicamente)

[cavicchiandrea]

No, live/on lo usi al caricamento es:
$(function(){
$('.miaclasse').live({mouseover:function(){......} })
al posto di
$('.miaclasse').mouseover(function(){......})
la differenza è che con live associ l'evento mouseover anche agli oggetti (definiti con miaclasse) "futuri" cioè non presenti fisicamente nel documento al caricamento, se non è questo quello che ti serve come non detto, ho frainteso

[Infrattoni]

si forse è proprio quello che mi serve ma non riesco a implementarla

$(document).ready(function(){
$("ul#listaMessaggi li.listMessage div").live({mouseover:function(){
        $(this).find(".deleteMessage img").show();   
}}).live({mouseover:function(){
        $(this).find(".deleteMessage img").hide();   
}})
});

è giusto cosi?

[Infrattoni]

Grazie 1000 andrea con la tua soluzione ho risolto