Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.02.2018, 12:44
Новичок на форуме
Отправить личное сообщение для skela Посмотреть профиль Найти все сообщения от skela
 
Регистрация: 15.02.2018
Сообщений: 6

Не работает пример из книги
скрипт
(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
Ответить с цитированием
  #2 (permalink)  
Старый 15.02.2018, 12:47
Новичок на форуме
Отправить личное сообщение для skela Посмотреть профиль Найти все сообщения от skela
 
Регистрация: 15.02.2018
Сообщений: 6

http://joxi.ru/Y2LlRYoin4PYl2
Ответить с цитированием
  #3 (permalink)  
Старый 15.02.2018, 13:10
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #4 (permalink)  
Старый 15.02.2018, 13:11
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

Судя по первому скрину у вас jq не подключена в момент выполнения.
Ответить с цитированием
  #5 (permalink)  
Старый 15.02.2018, 13:39
Новичок на форуме
Отправить личное сообщение для skela Посмотреть профиль Найти все сообщения от skela
 
Регистрация: 15.02.2018
Сообщений: 6

а как это видно?
Ответить с цитированием
  #6 (permalink)  
Старый 15.02.2018, 13:42
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

Сообщение от skela
а как это видно?
Глазами.
Ответить с цитированием
  #7 (permalink)  
Старый 15.02.2018, 14:02
Новичок на форуме
Отправить личное сообщение для skela Посмотреть профиль Найти все сообщения от skela
 
Регистрация: 15.02.2018
Сообщений: 6

А как это можно исправить?
Ответить с цитированием
  #8 (permalink)  
Старый 15.02.2018, 14:03
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

skela, перед вашим скриптом в html вставьте это:
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
Ответить с цитированием
  #9 (permalink)  
Старый 15.02.2018, 14:04
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

воткнуть в <head>
Ответить с цитированием
  #10 (permalink)  
Старый 15.02.2018, 14:11
Новичок на форуме
Отправить личное сообщение для skela Посмотреть профиль Найти все сообщения от skela
 
Регистрация: 15.02.2018
Сообщений: 6

исправил
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает "return false" если обращаюсь к нему из присоединенного файла. ice99 jQuery 8 07.11.2017 11:42
не работает пример с модулем dnode oko21 Node.JS 5 08.03.2017 19:54
Замена значения в store страно работает I3ev ExtJS 0 09.12.2012 14:22
Скрипт не работает при заходе на данную страницу, но работает при рефреше страницы foker jQuery 0 26.11.2012 12:27
jQyery функция странно работает! Midel Общие вопросы Javascript 4 08.04.2012 13:40