Код, работающий в jsfiddle, но не в браузере

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

  •  08-10-2019
  •  | 
  •  

Вопрос

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

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

Функциональные возможности (игнорируйте сломанные изображения в предыдущих и следующих кнопках, и основные изображения с ошибочно размером) функция Click / Hover работает правильно в 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, которая делает мой код волшебным образом работать, или я что-то упускаю здесь?

Это было полезно?

Решение

Вы решили запустить код сценария «onload» на jsfiddle, это разница.

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

Другие советы

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top