jQuery .html() elimina codigo javascript

maue75 · #1 (**permalink**) 06/09/2011, 18:47

Hola a todos,
estoy manejando jQuery para volcar en una div id="resultado" la salida de un php. Sería algo asi:

$.ajax({
type: 'POST',
url: 'miPhp.php',
success: function(data) {
$('#resultado').html(data);
},

la salida debería ser un código html y unas líneas javascript.
Sin embargo, parece que la funcion $().html() elimina todo lo que refiera a <script>. Entonces pregunto. ¿cómo hago para incluir codigo javascript?

chichote · #2 (**permalink**) 07/09/2011, 11:32

prueba con load()

te dejo un simple ejemplo

archivo 1

Código:

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>

    <a href="#" class="click">click</a>
  </p>
  <div id="content">
  
  </div>
<script>
    $(".click").click(function ()
		{
		$("#content").load("feeds.html");
		});
</script>

</body>
</html>

Archivo 2 (feeds.html)

Código:

	<ul>
    	<li class="alert">hola</li>
        <li>chau</li>
    </ul>
    
    <script>
    $(".alert").click(function ()
		{
		alert("click desde la lista traida por load");
		});
	</script>

Tambien puedes pasar variables por load()

Saludos.