Codice lavorare in jsFiddle ma non in del browser

StackOverflow https://stackoverflow.com/questions/4637873

  •  08-10-2019
  •  | 
  •  

Domanda

Sto cercando di eseguire il codice, scritto sulla mia macchina locale:

http://www.jsfiddle.net/WShdx/3/

Funzionalità-saggio (ignorare le immagini spezzate nei pulsanti precedenti e successivi, e le immagini principali erroneamente imprese) la funzione di click / hover funziona correttamente in jsfiddle. Tuttavia, sulla mia macchina locale non funziona affatto.

Per tutti gli effetti il ??codice è identico, tranne che la copia locale ha questa sezione di testa da caricare nel file javascript / css che sono contenuti all'interno della pagina jsfiddle: 

<head>
  <title>Jquery Wizard</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script src="wizard.js" type="text/javascript" ></script>
</head>

C'è una meravigliosa funzione del jsFiddle che sta facendo il mio codice di lavoro magicamente, o mi sto perdendo qualcosa qui?

È stato utile?

Soluzione

Si è scelto di eseguire lo script-code "onload" su jsFiddle, che è la differenza.

Senza OnLoad non troverà $('area'), perché lo script è collocato all'interno del <head>, in cui gli elementi all'interno del <body> sono ancora sconosciuti.

Altri suggerimenti

mi piacerebbe anche consigli chiunque incorrere in questi errori da utilizzare Firebug o qualsiasi strumento di debug di debug lo script ogni volta che si verificano questi problemi. Potrebbe essere problemi molto semplici ma frustrante come un errore Uncaught SyntaxError: Unexpected token ILLEGAL. Debugger sono molto utili!

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top