Non viene letto il codice javascript

**Nekra49** · 09-10-2014, 18:07

Salve ragazzi, ho seguito dei corsi su youtube su javascript e jquery. Soltanto che mi ritrovo un problema abbastanza strano. Il codice si comporta come se mancasse il codice Javascript.
Posto il codice

codice:

<!DOCTYPE html><Html>
    <Title> Nuvola per Helmut </title>
    
    <Head>
    
     
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    
    
    
        
        <style type="text/css">
        img {width: 100px; height: 100px; border: red 8px solid;}
        .app {position: absolute; bottom: 0px; height: 100px; display: none;}
        p {display: inline; color: blue; font-size: 18px }
        </style>
    </head>
     <Body>
         <p> qdhsdfhoi.</p>
         <button onclick="reset();"> RESET </button> <button> CONFERMO </button>
        <div class="app"> <img id="La Noire" src="1.jpg" /> </div>
        <div class="app"> <img id="La Noirsefe" src="2.jpg" /> </div>
        <div class="app"> <img id="La Nosdfire" src="3.jpg" /> </div>
        <div class="app"> <img id="La Nosdfire" src="5.jpg" /> </div>
        <div class="app"> <img id="La Nsdfoire" src="4.jpg" /> </div>
        
        <script type="text/javascript">
        reset ();
        
        function reset()
        
        {
            $('.app').each( Function(indice)
                { $(this).css('left', 230*indice+'px').show(1700);  } )
        }
        
        $('.app')
        .click(function()
        {$(this).slideUp()()} );
</script>
        
    </body>
</html>

In pratica il codice si comporta come se fosse solo

codice:

<!DOCTYPE html><Html>
    <Title> Nuvola per Helmut </title>
    
    <Head>
    
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    
    
    
        
        <style type="text/css">
        img {width: 100px; height: 100px; border: red 8px solid;}
        .app {position: absolute; bottom: 0px; height: 100px;}
        p {display: inline; color: blue; font-size: 18px }
        </style>
    </head>
     <Body>
         <p> qdhsdfhoi.</p>
         <button onclick="reset();"> RESET </button> <button> CONFERMO </button>
        <div class="app"> <img id="La Noire" src="1.jpg" /> </div>
        <div class="app"> <img id="La Noirsefe" src="2.jpg" /> </div>
        <div class="app"> <img id="La Nosdfire" src="3.jpg" /> </div>
        <div class="app"> <img id="La Nosdfire" src="5.jpg" /> </div>
        <div class="app"> <img id="La Nsdfoire" src="4.jpg" /> </div>
        
        
    </body>
</html>

La guida è questa https://www.youtube.com/watch?v=EJOSLRkhStA
A me non fa vedere le immagini che appaiono, appiono solo i due button e basta.
Qualcuno mi puo aiutare?

**KillerWorm** · 09-10-2014, 19:52

Ciao, c'è un errore in questa riga:

codice:

$('.app').each( Function(indice)

Devi tener presente che JavaScript è case-sensitive perciò bisogna rispettare maiuscole e minuscole. Il comando function va scritto tutto minuscolo:

codice:

$('.app').each( function(indice)

**Nekra49** · 09-10-2014, 20:40

Originariamente inviata da KillerWorm

Ciao, c'è un errore in questa riga:

codice:

$('.app').each( Function(indice)

Devi tener presente che JavaScript è case-sensitive perciò bisogna rispettare maiuscole e minuscole. Il comando function va scritto tutto minuscolo:

codice:

$('.app').each( function(indice)

Grazie mille, ho riletto e riletto miliardi di volte e non me ne sono reso conto... mi hai salvato ahah

Discussione: Non viene letto il codice javascript

Strumenti discussione

Ricerca discussione

Visualizza

Non viene letto il codice javascript

Permessi di invio