2013-02-20 17 views
8

Problema così classico, ma con un tempo orribile nel trovare la causa effettiva. Tipicamente quando vedo questo errore è perché il riferimento jQuery è dopo che il codice lo richiede, o il collegamento jQuery indietro, o il conflitto jQuery, ecc ... finora nessuno di questi sembra essere il caso. Sfortunatamente, cercare la soluzione a questo problema mi ha portato a postare post di questi casi. Sono sicuro che il mio problema qui è altrettanto semplice, ma oltre un'ora di caccia, ancora senza fortuna ...

Modifica: Ulteriori informazioni ... Il file di soluzione (che ho ricreato più volte cercando di capirlo. è un vuoto modello JavaScript di Windows App Store e sto facendo questo in Visual Studio. Gli unici file fa riferimento è Windows Library per JavaScript 1.0, ho provato a cancellare questo per testare pure.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>HTML5 Canvas Template</title> 
     <style> 
      /* styles here */ 
     </style> 
    </head> 
    <body> 
     <canvas id="myCanvas" width="500" height="500"> 
      <p>Canvas not supported.</p> 
     </canvas> 

     <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       var canvas = $("#myCanvas").get(0); 
       var context = canvas.getContext("2d"); 

       function renderContent() 
       { 
        // we'll do our drawing here... 
       } 

       renderContent(); 
      }); 
     </script> 
</body> 
</html> 
+0

Hai provato un collegamento sorgente diverso? –

+0

Ho appena provato il tuo codice e non sto ottenendo quell'errore. –

+0

Ho provato un link sorgente diverso (3 in realtà) ma grazie per il controllo icanc - man odio questo tipo di situazioni ... ma questo mi dice che il problema non è limitato al codice stesso, forse qualcosa nel la natura della mia soluzione è in difetto. – RualStorge

risposta

11

Si afferma che JQuery l'URL di riferimento non è corretto

Prova questo:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
+0

Sono stato in grado di accedere al file al mio collegamento precedente, ma sono andato avanti e l'ho sostituito con l'URL per questo, confermando che potevo accedervi anch'io. Ma sto ancora ricevendo un errore come se non avessi alcun riferimento a jQuery presente :((Ho aggiunto il "http:" mancante sulla parte anteriore di esso, ma ho provato senza dargli il torto) Modifica: Maggiori dettagli – RualStorge

+0

Penso che questo sia http://devhammer.net/blog/exploring-html5-canvas-part-1---introduzione cosa stai usando prova a scaricare il file completo dal link e testalo. – coder

+0

Questo è l'esatto set di tutorial su cui sto lavorando per imparare la tela, e mentre vedo molti link utili non vedo un link per il codice finale. Offre il JSFIDDLE con il codice, ma se si guarda l'HTML i tag di script sono completamente omessi, il mio attuale sospetto è legato a questo problema. Ho guardato tre volte solo per assicurarmi di non perdere il link per il download :( – RualStorge

0

Anover variante, nel mio caso - sono stato costretto ad utilizzare proxy. Quindi - IE11 -> Opzioni Internet -> Connessioni -> LANSettings-Proxy Server -> UseProxyServer - deve essere controllato. Controlla anche la disponibilità di origine script jQuery, la mia variante lavorata in VS2012 - -come nell'esempio in alto

1

Nel mio caso, il problema era che stavo rendendo la mia pagina su https ma stavo provando a richiedere il file JQuery su http, che è bloccato da molti browser per motivi di sicurezza.

La mia difficoltà è stato quello di cambiare questo ...

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

... per questo ...

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script> 

Questo fa sì che il browser per scaricare JQuery utilizzando lo stesso protocollo (http o https) come pagina da renderizzare.

0

Alcuni dei miei clienti hanno avuto questo problema, perché apparentemente hanno bloccato il caricamento di Javascript da siti di terze parti. Così ora ho sempre utilizzare il seguente codice per includere jQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
window.jQuery || 
document.write('<script type="text/javascript" src="/js/jquery-1.9.1.min.js">\x3C/script>') 
</script> 

Questo fa in modo che, anche se i miei client blocca il caricamento del file Javascript dal dominio CDN, il client scarica ancora il file dal mio server, che non è bloccato dal browser.

-1

mi è stato sempre lo stesso codice di errore:

(Error: 'generateText' is undefined)

... sul codice

var bodyText=["The....now."]

ho scoperto sulla mia editor di testo (Notepad ++), durante la digitazione di molte linee di testo direttamente sopra la variabile bodyText, se non ho colpito return carriage (immettere ==> WordWrap è disattivato) continua a digitare senza return carriage e lasciare che l'editor aggiusti il ​​testo che ha funzionato?

Deve essere nelle impostazioni di Notepad ++ ??

1

Ho provato di tutto di cui sopra e nulla sembra funzionare fino a quando ho messo questa stringa

<script src="../scripts/jquery-2.2.3.min.js" type="text/javascript"></script> 

nella sezione head del file HTML. Quindi, ecco come appare:

<!DOCTYPE html> 
<html> 
<head> 

    <!-- jQuery Reference --> 
    <script src="../scripts/jquery-2.2.3.min.js" type="text/javascript"></script> 

    <meta charset="UTF-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 


    <title>some title</title> 

</head> 
<body> 
... 

e il file js si trova a un livello inferiore negli script di 'cartella. Infine, l'errore è sparito e che sollievo!

+0

benedica la tua anima! Ho passato tutto il giorno cercando di capire cosa stavo facendo male. Ho avuto la stessa identica situazione e questo è stato! Grazie. – NoBullMan

Problemi correlati