2011-11-18 8 views
5

He estado mirando mi código durante horas tratando de averiguar por qué esta aparentemente simple juego alrededor con jQuery no está funcionando:

<!DOCTYPE HTML> 

<html> 

    <head> 

     <title>title</title> 

     <meta charset="UTF-8"> 
     <meta name="keywords" content="test"> 
     <meta name="description" content="test"> 

     <link rel="stylesheet" type="text/css" href="style.css"> 

    </head> 

    <body> 
     <p class='box' id='title'>&quot;test&quot;</p> 
     <div class='gallery'> 
      <p class='tNail' id='one'> 
      <p class='tNail' id='two'> 
      <p class='tNail' id='three'> 
      <div class='clear'></div> 
      <p class='tNail' id='four'> 
      <p class='tNail' id='five'> 
      <p class='tNail' id='six'> 
      <div class='clear'></div> 
     </div> 
     <div class='clear'></div> 
     <p class='footer'>test 2011 <a href='#'>test</a></p> 
    </body> 

    <script type="text/javascript" src="jquery.js"></script> 
    <script> 
     $(document).ready(function() 
     { 
      $(".tNail").click(function() 
      { 
       $(this).effect("scale", {percent:200, direction:'both'}, 1000); 
      }); 
     }); 
    </script> 

</html> 

He intentado usar noConflict() en vano. Si alguien puede arrojar algo de luz, estaría agradecido.

Gracias.

+3

¿Cuál es el mensaje de error * real *? El que ha citado parece imposible ... – lonesomeday

+0

¿Seguro que tiene jQuery.js en su carpeta ** actual **? –

+0

Sí, descargué el archivo jquery y lo renombré a jquery.js honestamente, mi error es: $ {this} .effect no es una función – Lee

Respuesta

15

Ah, mirando de nuevo, creo que el mensaje de error es probablemente "$(this).effect no es una función" (que es bastante diferente de). No ha cargado la interfaz de usuario de jQuery, que es donde se define el método effect.

Incluye la biblioteca jQuery UI e inténtalo de nuevo.

+3

Ah, pensé que las funciones de interfaz de usuario eran parte del núcleo de jquery. Gracias. – Lee