Код работает в jsFiddle, но не в браузере - PullRequest
Новая
       7

Код работает в jsFiddle, но не в браузере

3 голосов
/ 09 января 2011

Я пытаюсь запустить следующий код, написанный на моей локальной машине:

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

Функционально (игнорируйте разбитые изображения на предыдущей и следующей кнопках, а также основные изображения неправильного размера) функция щелчка / наведения работает правильно в jsfiddle. Однако на моей локальной машине он вообще не работает.

Для всех намерений и целей код идентичен, за исключением того, что локальная копия имеет этот раздел заголовка для загрузки в файлы javascript / css, которые содержатся на странице 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>

Есть ли какая-то замечательная функция jsFiddle, которая заставляет мой код волшебным образом работать, или я что-то здесь упускаю?

Ответы [ 2 ]

11 голосов
/ 09 января 2011

Вы решили запустить скрипт-код "onload" на jsFiddle, в этом разница.

Без загрузки он не найдет $('area'), потому что ваш скрипт находится внутри <head>, где элементы внутри <body> еще неизвестны.

0 голосов
/ 02 августа 2012

Я бы также посоветовал всем, кто сталкивался с такими ошибками, использовать firebug или любое средство отладки, отлаживать скрипт при возникновении таких проблем.Это могут быть очень простые, но неприятные проблемы, такие как ошибка Uncaught SyntaxError: Unexpected token ILLEGAL.Отладчики очень полезны!

...