Su JSFiddle va, mentre sulla mia pagina no! Xche?

**pwtng** · 06-02-2015, 12.26.12

Penso sia un problema semplicissimo, ma mi ci sto scervellando da 2 ore e non riesco a risolverlo. Premesso che non conosco il javascript ed è la seconda volta che mi cimento a scriverne un pezzetto, sono riuscito a scrivere il codice che mi serviva (serve a cambiare classe scendendo cn lo scroll) e che su JSFiddle funziona, guardate:

http://jsfiddle.net/7edk7rb4/

Mentre una volta messo sulla pagina del mio sito non funziona più. Io penso di aver scritto tutto giusto, ma non funziona

, qualcuno mi sa dire dov'è l'errore... penso sia una cosa semplice no? Qui il link alla mia pagina e qui il codice:

Codice HTML:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(function() {    
    $('#info').affix({
        offset: { top: $('#salve').offset().top }
    });
});
</script>
<style type="text/css">
.affix {font-size: 20px !important; color: blue !important; position: fixed; top: 0px; width: 100%;}
.wo1{font-size: 15px; color: black;}
</style>
</head>
<body>

<div id="info" style="height: 50px;" class="wo1">Ciao</div>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
<div id="salve"></div>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!<br><br>
ehila!

</body>
</html>

06-02-2015, 12.50.42

Se vai sul tuo jsfiddle puoi vedere sotto "External Resources" che è stato caricato bootstrap, è per questo che ottieni 2 risultati diversi, devi includere bootstrap dentro la tua pagina e poi dovrebbe funzionare.

**pwtng** · 06-02-2015, 12.56.32

Ah che bello, grazie mille!! Dicevo io che mancava qualcosa! Ovviamente ho scritto il mio codice su un codice gia precedentemente scritto su jsfiddle, e non sono pratico di quel sito, quindi nn me ne sono accorto ^^". Ancora grazie!

Discussione: Su JSFiddle va, mentre sulla mia pagina no! Xche?

LinkBack

Strumenti discussione

Display

Su JSFiddle va, mentre sulla mia pagina no! Xche?

Regole di scrittura