echo "id" non funzionante con jquery?

[Sangio90]

Ciao a tutti, ho un problema di questo tipo, sto realizzando, per esercitarmi, un sito web con php mysql e jquery.
Il sito è costituito di un div "main" dove sono contenuti alcuni pulsanti che dovrebbero aggiornare il contenuto della pagina:
posso farlo in 2 modi:
1. il contenuto di tutti i div viene caricati al momento del lancio della pagina ma nascosto e reso visibile solo quando si clicca il pulsante (metodo che funziona al 100% ma poco elegante).
2. quando clicco un pulsante, con jquery cambio il contenuto del div sostituendolo con quello che viene ritornato da una pagina php mediante .post

il problema è che se in questo contenuto ci sono degli oggetti con un id, ed io ho un file .js dove specifico delle azioni per questi oggetti, se vengono caricati mediante .post e quindi NON al caricamento della pagina, le loro azioni non funzionano.

<div id="phone">[img]img/phone_7.png[/img] [img]img/phone_8.png[/img] [img]img/phone_9.png[/img] 
 [img]img/phone_4.png[/img] [img]img/phone_5.png[/img] [img]img/phone_6.png[/img] 
 [img]img/phone_1.png[/img] [img]img/phone_2.png[/img] [img]img/phone_3.png[/img] 
 [img]img/phone_0.png[/img] <span id="span_phone">Telefono</span> <div id="phone_number"> <input type="text" name="phone_num" size="14" id="input_phone_number"></div></div>

è il primo metodo, è già tutto presente, solo che il div con id "phone" è nascosto e compare solo al clic del pulsante.

la mia idea era :

<div id="phone"></div>

cosi da avere la index vuota, e al clic del bottone fare una chiamata post in jquery che andasse a richiamare una pagina php col seguente codice:

<?php echo "<img src=\"img/phone_7.png\" id=\"phone_7\"> <img src=\"img/phone_8.png\" id=\"phone_8\"> <img src=\"img/phone_9.png\" id=\"phone_9\"> 
 <img src=\"img/phone_4.png\" id=\"phone_4\"> <img src=\"img/phone_5.png\" id=\"phone_5\"> <img src=\"img/phone_6.png\" id=\"phone_6\"> 
 <img src=\"img/phone_1.png\" id=\"phone_1\"> <img src=\"img/phone_2.png\" id=\"phone_2\"> <img src=\"img/phone_3.png\" id=\"phone_3\"> 
 <img src=\"img/phone_0.png\" id=\"phone_0\"> <span id=\"span_phone\">Telefono</span> <div id=\"phone_number\"> <input type=\"text\" name=\"phone_num\" size=\"14\" id=\"input_phone_number\"></div>"; ?>

questo è il codice jquery per la chiamata

$('#button_phone').bind('click' , function() { $.post("load_phone_div.php", function(phone_div){ $("#phone").html(phone_div); });});

qualche consiglio?

[cavicchiandrea]

Prova con live e load

$('#button_phone').live('click' , function() { 
$("#phone").load("load_phone_div.php");
});

oppure trasferisci gli script e funzioni nel documento principale

[Sangio90]

infatti per farlo funzionare ho trasferito gli script alla index, però mi piaceva l' idea di farlo da un' altra pagina..
Grazie dell' aiuto, cerco di capire come funzionano live e load :-)

www.overdreams.net/sanlab
se vuoi dare un' occhiata, è la pagina del telefono quella rognosa