Translate

miércoles, 20 de agosto de 2014

jQuery: El remplazo con selectores no funciona

Introducción

Algunas veces sucede que los códigos que copiamos para jQuery de Internet no corren, y especialmente para aquellos que han programado con php tienen estos problemas.
Les pondré un pequeño ejemplo:

<!DOCTYPE html>
<html>
   <head>

   </head> 
   <body>
      <script type="application/x-javascript">
          $(document).ready(function(e) {
                 $('#Bienvenida').html('Bienvenido ');
         });
       </script>
      <h1 id="Bienvenida"></h1>
   </body>
</html>


Solución


A pesar de lo sencillo que suene,  la mayor parte de los problemas se soluciona colocando el código en la sección de encabezado.

<!DOCTYPE html>
<html>

    <head>
      <script type="application/x-javascript"> 
         $(document).ready(function(e) {
                 $('#Bienvenida').html('Bienvenido ');
          });      </script> 

    </head>
    <body>
      <h1 id="Bienvenida"></h1>
   </body>
</html>




Explicación


Los scripts realizados con el lenguaje javascript, especialmente aquellos hechos con jQuery deben incluirse en la sección head de nuestro documento. Nuestros scripts son precargados al servidor para aumentar su velocidad, a diferencia de PHP, dnde se tiene que procesar todo en conjunto para poderlo ejecutar.

No hay comentarios:

Publicar un comentario