Problema con <button> en jquery

alrockbit · #1 (**permalink**) 25/10/2010, 11:40

Hola, tengo el siguiente codigo:

Código:

<html>
<head>
<SCRIPT src="jquery-1.3.2.min.js" type=text/javascript></SCRIPT>

<script type="text/javascript">            

$(document).ready(function(){   

	$.ajax({
   		type: "GET",
   		url: "funajax.js",
   		dataType: "script"
 	});                 

	       
});        
</script>


</head>
<body>

<div id="capa">
<p>ESTO ES UNA PRUEBA</p>
</div>

<br>
<input type=button value="MOSTRAR" id="boton1">

<button id="boton1">
MOSTRAR
</button>

</body>
</html>

Y dentro del fichero funajax.js:

Código:

$("#boton1").click(function(evento){
				
		$("#capa").load("Ajax.html");
	
	});

Cuando hago click en el boton con la etiqueta <input type=button> Me carga la pagina Ajax.html, pero cuando le doy al boton con etiqueta <button> no me la carga. ¿que problema tengo? Gracias.

jcxnet · #2 (**permalink**) 25/10/2010, 13:14

no puedes tener dos objetos con el mismo ID