DEspues de .html() no detecta funcion incluida dentro JQUERY

[Dradi7]

Mira no me había puesto ha analizar tu código, error mio.

Expliquemos tu código no funciona por lo siguiente al hacer tu el $(document).ready(function(){...}); empiezas generando los siguientes eventos

$('.edit').click (function() {...});
$('input:file').click (function (){...});

Recordando el document.ready se ejecuta una vez la pagina esta cargada, entonces:

- empieza a generar el evento click del elemento Edit, busca el elemento en la pagina lo encuentra y genera el evento, hasta aca todo OK
- empieza a generar el evento click del elemento Input File, busca el elemento en la pagina pero no lo encuentra ¿Porque? esto es porque justo tu elemento Input File se agrega a la pagina cuando hago click en el elemento edit, es por esto que nunca funciona este código

La Solución

agrega toda las lineas del $('input:file').click (function (){...}); dentro del $('.edit').click (function() {...}); luego de haber generado o creado el input fle en la pagina con esto ya va a poder encontrar el input file y asignarle su respectivo evento