error hover jquery

Citar

Escrito 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

Envíale un mensaje privado

Citar

Escrito el 07 Mar 2014 11:12 pm

solucionado:

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

Por kakashi20

43 de clabLevel

Envíale un mensaje privado

Citar

Escrito 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

Envíale un mensaje privado

Web developer

error hover jquery

Escribe una respuesta rapida