JQuery no funciona

a_moreno · #1 (**permalink**) 10/07/2012, 12:41

Buenas tardes colegas, resulta que estoy probando el framework JQuery pero apenas intenté realizar un primer ejemplo sencillamente no jala, es como si no lo incluyera en el head. El código que tengo es este:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
        <script type="text/javascript">
           function hola()
           {
           	   //document.getElementById("cuerpo").innerHTML = "hola mundo"
           	   $("#cuerpo").text = "hola mundo";
           }
        </script>
		<title>HTML</title>

	</head>

	<body>
       <div id="cuerpo" onclick="hola()">hihio</div>
	</body>
</html>

Simplemente quiero cambiar el texto del div por un hola mundo al dar clic sobre el div cuyo id es cuerpo, pero no hace absolutamente nada, sin embrago con la linea comentada de javascript tradicional si funciona. Agradecería ayuda ya que me estoy volviendo chango con esto. Gracias!

maycolalvarez · #2 (**permalink**) 10/07/2012, 12:54

usa

Código Javascript:

Ver original$("#cuerpo").text("hola mundo");
//o
 
$("#cuerpo").html("hola mundo");

consulte la API de jQuery

augusto_jaramil · #3 (**permalink**) 10/07/2012, 13:01

Acá tienes tu código.....

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
 
 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
        <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
        <script type="text/javascript"> 
           $(document).ready( function () { 
 
                $("#cuerpo").click(function () { 
                    $("#cuerpo").text("Hola Mundo"); 
                }); 
 
           }); 
        </script> 
        <title>HTML</title> 
 
    </head> 
 
    <body> 
       <div id="cuerpo">hihio</div> 
    </body> 
</html>

Sds,

a_moreno · #4 (**permalink**) 10/07/2012, 17:49

Gracias Augusto tu código si que me funcionó, solo que ahora he estado investigando y aún no se la razón por la cual el código anterior no funcionaba, creo que en teoría debería hacerlo ya que igual es una función desencadenada por un evento. Ah y siento haber posteado en el lugar equivocado, solo vi javascript y pensé que todo lo relacionado con el iba ahí, tendré mas cuidado

maycolalvarez · #5 (**permalink**) 11/07/2012, 07:35

Cita:

Iniciado por a_moreno

Gracias Augusto tu código si que me funcionó, solo que ahora he estado investigando y aún no se la razón por la cual el código anterior no funcionaba, creo que en teoría debería hacerlo ya que igual es una función desencadenada por un evento. Ah y siento haber posteado en el lugar equivocado, solo vi javascript y pensé que todo lo relacionado con el iba ahí, tendré mas cuidado

no hay peor ciego que quien no quiere ver, discúlpame pero de haber aplicado las correcciones que le indique se daría cuenta del error fundamental:

$("#cuerpo").text = "hola mundo";

cuando debe ser:

$("#cuerpo").text("Hola Mundo");

no espere a que le rehagan el código por completo, la forma en que lo implementó @augusto_jaramil es correcta, más no la única, pero si no entiende, no aprende, y lo ideal es que por su propia cuenta avance, saludos.

a_moreno · #6 (**permalink**) 12/07/2012, 13:18

Hola maycolalvarez, si es cierto tienes razón, acabo de ver mejor la corrección que me pusiste con anterioridad. Lo que sucede es que tengo un problema de visión algo grave (los anteojos no me funcionana, además) y realmente no distinguí el color verde de los paréntesis ya que realmente no hace mucho contraste con el fondo. Saludos.

maycolalvarez · #7 (**permalink**) 12/07/2012, 13:41

Ok, te comprendo, en realidad el contraste es muy bajo, podrías comentar en el foro de soporte ése punto, muchas veces nos pasamos en los comentarios porque en realidad no tenemos idea de las limitaciones físicas de los demás usuarios, ¿¡y como saberlo!?, por lo general pensamos o que lo hacen por flojera o simplemente esperan que les hagamos todo el trabajo, gracias por aclararlo también.

Cuando te respondan con código, lo ideal es que copies el contenido y lo pegues en tu editor favorito, a modo de que puedas ver con facilidad, al menos mientras se ve una solución al contraste del highlight, saludos