Не работает пример из книги
скрипт
(function (windows){ 'use strict'; var App = window.App || {}; var $ = window.jQuery; function FormHandler(selector) { if (!selector){ throw new Error('No selector provided'); } this.$formElement = $(selector); if (this.$formElement.length===0){ throw new Error('Не найден элемент: '+ selector); } } FormHandler.prototype.addSubmitHandler = function () { console.log('Setting submit handler for form'); this.$formElement.on('submit', function(event) { event.preventDefault(); var data = {}; $(this).serializeArray().forEach(function (item){ data[item.name] = item.value; console.log(item.name+ ' is '+item.value); }); console.log(data); }); }; App.FormHandler = FormHandler; window.App = App; })(window); В консоле пишу var fh=new App.FormHandler('[data-coffe-order="form"]'); получается вот такая ошибка http://joxi.ru/D2PgXYoTdgPZXm |
|
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Судя по первому скрину у вас jq не подключена в момент выполнения.
|
а как это видно?
|
Цитата:
|
А как это можно исправить?
|
skela, перед вашим скриптом в html вставьте это:
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
воткнуть в <head> |
исправил
|
| Часовой пояс GMT +3, время: 04:55. |