2016-05-31 14 views
6

Innanzitutto mi dispiace per il post, sono abbastanza nuovo per la codifica, cercherò di mantenerlo breve e dolce.Come collego il mio HTML con il mio jQuery?

In parole semplici, quando includo il mio codice jQuery in linea, I.E. sotto il mio HTML, funziona benissimo - l'elemento che sto cercando di animare 'nasconde' e poi 'mostra' come dovrebbe.

Tuttavia, quando creo il mio file jquery.js separato e inserisco il codice, non riesce a eseguire il rendering.

Ho ottenuto lo script cdn da google e l'ho incluso, insieme a uno script e src in cui il mio file si trova all'interno della cartella del mio progetto, ma ancora senza fortuna.

All'interno della cartella del mio progetto ho una cartella "script.js", quindi all'interno del file "jquery.js".

Ecco il codice:

<head> 

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

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 

    <script src="script.js/jquery.js"></script> 

</head> 

<div class="content"> 
    <h2> Hi there</h2> 
    <h3> Take a look...</h3> 
</div> 

Ecco il jQuery:

<script> 

$(document).ready(function() { 

$(".content").hide(1000).show(1000); 

}); 

</script> 

(Upon 'ispezione' il problema in cromo si ottiene un errore che dice "jquery.js: 1 Uncaught SyntaxError: Token imprevisto <) - Ma non riesco a vedere dove sto usando male un '<'.

Grazie in anticipo, e sentiti libero di dirmi se ho dimenticato qualcosa di importante.

+2

Perché si utilizza l'estensione per il nome di una cartella? –

+0

e perché implementate jquery due volte? –

+0

@AliSheikhpour Penso che sia solo un gioco che vuole fare jQuery, ma non si rende conto che facendo '' funziona già nel modo che vuole. Anche sì Probabilmente il nome della cartella è il problema – MrKickkiller

risposta

12

È necessario rimuovere i tag <script> dal file jquery.js, quelli sono tag HTML utilizzati per l'implementazione di JS in linea, l'errore che si ottiene è dovuto al fatto che quei tag non sono JavaScript validi. Il file JS deve solo simile a questa:

$(document).ready(function() { 
    $(".content").hide(1000).show(1000); 
}); 

Per quanto riguarda la denominazione cartella, non c'è niente di male ad avere un periodo nel nome della cartella, ma come altri hanno suggerito che probabilmente sarebbe una buona idea per rimuovere il .js parte dal nome della tua cartella anche se non è tecnicamente sbagliato e non è ciò che sta causando il tuo problema.

+1

Perfetto! Grazie mille. Segnerà la mia risposta in circa 3 minuti haha! – skoster7

+0

Nessun problema, felice di aiutare! – APAD1

-5

Non chiamare la cartella script.js, basta chiamarlo "script".

+0

Scarica tutti loro? Preferisco il cdn perché viene memorizzato nella cache se hai visitato un altro sito con lo stesso cdn, la maggior parte dei browser non lo scarica di nuovo. Salva i dati mobili. – Randy

Problemi correlati