[SOLUCIONADO] error hover jquery

[kakashi20]

hola

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

Código Javascript:

<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
 
<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 agradeceria

[cluster28]

Acabo de pasarme a Ubuntu y a mí tampoco me hace nada el evento .hover() en Firefox 28. En cambio en Chromium Versión 33.0.1750.152 Ubuntu 12.04 (256984) sí funciona. En Windows funciona tanto en Firefox como en Chrome.

Qué sistema, navegadore/s y version/es tienes tú?

[codeams]

No funciona porque no esperaste a que el DOM estuviese listo.

Código Javascript:

$(function(){ //Esto es necesario
$("#op1").hover(
    function() {
        alert("entro");
        
    },
    function(){
        alert("no entro");
   }
})
 

Quizá en chrome si funciona porque chrome es más veloz y alcanza a crear el DOM antes de que se ejecute el script.

[cluster28]

Iniciado por codeams

Código Javascript:

$(function(){ //Esto es necesario
 

No se porqué esto es necesario....

Aún y todo sigue sin funcionar enFirefox. En Chromium sí.

[codeams]

Sigo creyendo que es porque ejecutaste funciones de la librería de jQuery antes de tener el DOM listo.

Léase: .ready() (en inglés).

[cluster28]

He puesto

Código Javascript:

$( document ).ready(function() {
 

y así funciona un poco mejor, pero no con la agilidad de Chrome. Hay que pasar varias veces el cursor por encima del elemento. ¿?