Comunidad de diseño web y desarrollo en internet online

error hover jquery

Citar            
MensajeEscrito el 07 Mar 2014 09:51 pm
hola

estoy probando el hover de jquery y tengo este codigo sencillo y el problema es que no hace nada...

<script type="text/javascript" src="js/jquery-1.9.0.js"></script>

Código Javascript :

<script>
 
$("#op1").hover(
 
    function() {
        alert("entro");
        
    },
    function(){
        alert("no entro");
   }
 
);
 
</script>


Código HTML :

<div id="op1">QUIENES SOMOS</div>


Si alguien me pudiese ayudar se lo agradecería

Por kakashi20

43 de clabLevel



 

chrome
Citar            
MensajeEscrito el 07 Mar 2014 11:12 pm
solucionado:

$(document).ready(function(){
// Codigo aca
});

Por kakashi20

43 de clabLevel



 

chrome
Citar            
MensajeEscrito el 18 May 2014 05:51 am
También funcionará si colocas el código JS o el archivo JS en el que se encuentre dicho código, justo antes de la etiqueta </body>, pues primero deben cargar los elementos del DOM para que puedas aplicar el código JS en ellos.

Otras formas:

Código Javascript :

$(function(){
    //Código
});

window.addEventListener("DOMContentLoaded", function(){
    //Código
}, false);

window.onload = function(){
    //Código
};

window.addEventListener("load", function(){
    //Código
}, false);


Las dos primeras se ejecutan cuando terminó de cargar solo el DOM, mientras que las dos últimas se ejecutan cuando terminan de cargar el DOM y su contenido, es decir, todo.

Saludos

Por Alexis88

21 de clabLevel



Genero:Masculino  

Web developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.