[JAVASCRIPT / JQUERY] Non vedo i risultati

cenarius_88 · 22-02-2012, 13:27

Salve. Mi sto cimentando sul javascript (jquery) per un sito...
prima di partire a fare cose complesse, ho deciso di partire dalla base, seguendo un tutorial.

Il tutorial dice:
Inserire il link al javascript (jquery)
Crea la tua pagina normalmente

Inserisci nell'header cosa deve fare lo script

Ho fatto un test... ma non vedo risultato :S
Posto il codice così sapete dirmi dove sbaglio :/

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<html>
     <head>
          <title> una pagina </title>
          <!--Importo jquery-->
          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
          
          <!--Stile CSS-->
          <style type="text/css">
                    a.test {text-decoration:none;}
          </style>

          <!--Script Mio-->
          <script type="text/javascript">       
               // Il tuo codice va qui 
               $("a").addClass("test");   
          </script>

     </head>

     <body>
          <!--Contenuto-->
          <a href="http://jquery.com/">jQuery</a>
     </body>
</html>

Col codice così scritto dovrebbe, e ripeto dovrebbe, visualizzare il link senza sottolineatura...ma si vede come fosse normale :S

E metto anche il link della pagina creata per prova
Prova

ESSE-EFFE · 22-02-2012, 13:36

Quote:

Originariamente inviato da cenarius_88

Codice:

  // Il tuo codice va qui 
  $("a").addClass("test");

Prova così:

Codice:

  // Il tuo codice va qui 
  $(function(){
    $("a").addClass("test");   
  });

cenarius_88 · 22-02-2012, 13:42

OK, modificando come consiglio, è andato...

Ma vorrei capire perchè nel "mio" modo non andava... cosa esattamente non andava.

Poi avevo visto un altro esempio con la funzione richiamata sotto.... mi spiego con un esempio.

Codice:

<script type="text/javascript">       
               // Il tuo codice va qui 
               function(){
               $("a").addClass("test");   
               }
               function();   
</script>

Cosa cambia? è solo una stesura diversa... o c'è una differenza ai fini del risultato?

ESSE-EFFE · 22-02-2012, 13:50

Quote:

Originariamente inviato da cenarius_88

OK, modificando come consiglio, è andato...

Ma vorrei capire perchè nel "mio" modo non andava... cosa esattamente non andava.

Beh praticamente gli dicevi cosa fare, ma non quando. Come ho scritto io, che poi è la prima cosa che spiegano in qualunque tutorial jQuery, viene indicato che il codice va eseguito al caricamento della pagina.

Quote:

Originariamente inviato da cenarius_88

Poi avevo visto un altro esempio con la funzione richiamata sotto.... mi spiego con un esempio.

Quell'esempio non funziona, non cambia molto da come l'avevi scritto tu.

22-02-2012, 13:27	#1
cenarius_88 Member Iscritto dal: Nov 2007 Città: Alcamo Messaggi: 103	[JAVASCRIPT / JQUERY] Non vedo i risultati Salve. Mi sto cimentando sul javascript (jquery) per un sito... prima di partire a fare cose complesse, ho deciso di partire dalla base, seguendo un tutorial. Il tutorial dice: Inserire il link al javascript (jquery) Crea la tua pagina normalmente Inserisci nell'header cosa deve fare lo script Ho fatto un test... ma non vedo risultato :S Posto il codice così sapete dirmi dove sbaglio :/ Codice: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title> una pagina </title> <!--Importo jquery--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <!--Stile CSS--> <style type="text/css"> a.test {text-decoration:none;} </style> <!--Script Mio--> <script type="text/javascript"> // Il tuo codice va qui $("a").addClass("test"); </script> </head> <body> <!--Contenuto--> <a href="http://jquery.com/">jQuery</a> </body> </html> Col codice così scritto dovrebbe, e ripeto dovrebbe, visualizzare il link senza sottolineatura...ma si vede come fosse normale :S E metto anche il link della pagina creata per prova Prova

22-02-2012, 13:42	#3
cenarius_88 Member Iscritto dal: Nov 2007 Città: Alcamo Messaggi: 103	OK, modificando come consiglio, è andato... Ma vorrei capire perchè nel "mio" modo non andava... cosa esattamente non andava. Poi avevo visto un altro esempio con la funzione richiamata sotto.... mi spiego con un esempio. Codice: <script type="text/javascript"> // Il tuo codice va qui function(){ $("a").addClass("test"); } function(); </script> Cosa cambia? è solo una stesura diversa... o c'è una differenza ai fini del risultato?

Strumenti
Mostra una versione stampabile Invia questa pagina per email