Iconvenientes php ajax

[Naahuel]

¿Me podés explicar la lógica en esto?

Código Javascript:

$('div[class=fg-toolbar] :button').on('click',function() {    
    $('div[class=fg-toolbar] :button').on('click',function() {
    // ...
    }
}
 

1ro.- ¿Por qué uno dentro del otro? Eso implicaría que al recién luego de clickear un botón, recién allí se asignaría la acción a otro botón. Pero en tu caso es totalmente inútil porque los selectores son iguales :S Realmente no entiendo que hiciste ahí.

2do.- ¿Qué es div[class=fg-toolbar] :button? :| O sea, un div con la clase fg-toolbar que está en estado button? :| :| ¿Acaso no son elementos <button> con clase fg-toolbar? No debería ser así entonces:

Código Javascript:

$('button.fg-toolbar')
 

3ro.- Después de corregir lo que te menciono más arriba, sólo deberías cambiar .on por .live

Mirá la diferencia entre estos dos ejemplos:

Usando .on: http://jsbin.com/anufic/
Fijate que si hacés click en "primer <p>" se genera un segundo <p> con el texto "<p> generado", pero si hacés click en este <p> generado, no se siguen agregando <p>'s pues este último parrafo generado ya no tiene la función asignada.

Usando .live: http://jsbin.com/anufic/2/
Si te fijás acá, haciendo click en cualquier <p> la función se dispara, incluso en <p>'s generados dinámicamente.