Code in jsFiddle arbeiten, aber nicht in Browser

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

  •  08-10-2019
  •  | 
  •  

Frage

Ich versuche, den folgenden Code, geschrieben auf meinem lokalen Rechner ausgeführt werden:

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

Funktionalität wiese (ignorieren Sie die gebrochenen Bilder in den vorherigen und nächsten Schaltflächen und die falsch dimensioniert Haupt Bilder) die Klick / Hover-Funktion ordnungsgemäß in jsfiddle arbeiten. Aber auf meinem lokalen Rechner arbeitet es gar nicht.

Für alle Absichten und Zwecke des Code identisch ist, mit Ausnahme der lokale Kopie hat diesen Kopfteil zu Last in den Javascript / CSS-Dateien, die in der jsfiddle Seite enthalten sind: 

<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>

Gibt es eine wunderbare Funktion von jsFiddle, dass mein Code auf magische Arbeit macht, oder bin ich etwas fehlt hier?

War es hilfreich?

Lösung

Sie haben den Skript-Code "onload" auf jsFiddle laufen, das ist der Unterschied.

Ohne onload es $('area') nicht gefunden werden, weil das Skript innerhalb der <head> platziert wird, wo die Elemente im Inneren des <body> noch unbekannt sind.

Andere Tipps

Ich würde auch jemand Rat, der in solche Fehler führen Firebug oder jedes Debugging-Tool Debug das Skript zu verwenden, wenn solche Probleme auftreten. Könnte sehr einfache, aber frustrierend Probleme wie ein Uncaught SyntaxError: Unexpected token ILLEGAL Fehler. Debuggers in sehr praktisch!

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top