«Uncaught ReferenceError: (функция) не определена» с событием onfocus

Question

«Uncaught ReferenceError: (функция) не определена» с событием onfocus

0

У меня есть этот вход в файле scala.html моего шаблона (я использую Play Framework):

<input type="email" name="email" id="email" onfocus="isEmailExistF();" >

и этот сценарий кофе:

  isEmailExistF = ->
    $("#email").fadeOut()

Затем, когда я фокусирую ввод #email, ничего не происходит, и консоль сообщает:

Uncaught ReferenceError: isEmailExistF is not defined
  > onfocus

Но это то же самое, если я заменю onfocus на onblur или другие события. Компиляция CoffeeScript в порядке, потому что у меня есть другие кофейные скрипты, которые работают правильно. Я попытался использовать простой jquery, чтобы понять, если это проблема с кофе. Я поместил этот код в код:

<script>
var isEmailExistF;

isEmailExistF = function() {
  return $("#email").fadeOut();
};
</script>

и это работает. Где я ошибаюсь?

EDIT: файл сценария включен в <head>:

<script type="text/javascript" src="/assets/javascripts/main.js"></script>

и контент (составленный из coffeescript):

(function() {
  var isEmailExistF;
  isEmailExistF = function() {
    return $("#email").fadeOut();
  };
  $(document).ready(function() {
     ...

Fred K 18 окт. 2013, в 14:35

Источник

0

вместо этого onfocus = "isEmailExistF ();" заменить onfocus = "isEmailExistF ()". в вашем коде вы добавили точку с запятой в функцию. @ Фред К
DD. 18 окт. 2013, в 12:19
0

привет @DD уже пробовал, то же самое
Fred K 18 окт. 2013, в 12:25
0

Ваша функция находится в <head> а не в событии DOM ready / load ?
Karl-André Gagnon 18 окт. 2013, в 12:27
0

@ Karl-AndréGagnon Не требует готовности DOM, поскольку обработчик событий назначается встроенным (это актуально только в том случае, если вам нужно подождать, пока элемент будет существовать, прежде чем назначать обработчики событий).
Archer 18 окт. 2013, в 12:29
0

@Archer Я знаю это, но если вы поместите функцию в событие готовности DOM или загрузку окна или даже внизу страницы, она выдаст эту ошибку, потому что функция не определена, когда DOM читает этот тег. Вот почему я спрашиваю, потому что, если эти условия не выполняются, это проблема.
Karl-André Gagnon 18 окт. 2013, в 12:31
0

@ Karl-AndréGagnon Если это событие готово к DOM, оно будет закрыто, поэтому не доступно для страницы, да. Это не имеет значения, если он находится внизу страницы, хотя. Теперь я понимаю вашу точку зрения. Я думал, что вы говорите, что это должно быть в DOM готово, а не то, что это не должно :)
Archer 18 окт. 2013, в 12:36
0

@ Карл-Андре Ганьон и Арчер: можете посмотреть на редактирование? Спасибо
Fred K 18 окт. 2013, в 12:52
1

IIFE вокруг скомпилированного CoffeeScript означает, что функция недоступна для внешней области видимости.
phenomnomnominal 18 окт. 2013, в 13:16

Показать ещё 6 комментариев

Теги:

javascript

jquery

html

scala

coffeescript

1 ответ

Ещё вопросы

вместо этого onfocus = "isEmailExistF ();" заменить onfocus = "isEmailExistF ()". в вашем коде вы добавили точку с запятой в функцию. @ Фред К
привет @DD уже пробовал, то же самое
Ваша функция находится в <head> а не в событии DOM ready / load ?
@ Karl-AndréGagnon Не требует готовности DOM, поскольку обработчик событий назначается встроенным (это актуально только в том случае, если вам нужно подождать, пока элемент будет существовать, прежде чем назначать обработчики событий).
@Archer Я знаю это, но если вы поместите функцию в событие готовности DOM или загрузку окна или даже внизу страницы, она выдаст эту ошибку, потому что функция не определена, когда DOM читает этот тег. Вот почему я спрашиваю, потому что, если эти условия не выполняются, это проблема.
@ Karl-AndréGagnon Если это событие готово к DOM, оно будет закрыто, поэтому не доступно для страницы, да. Это не имеет значения, если он находится внизу страницы, хотя. Теперь я понимаю вашу точку зрения. Я думал, что вы говорите, что это должно быть в DOM готово, а не то, что это не должно :)
@ Карл-Андре Ганьон и Арчер: можете посмотреть на редактирование? Спасибо
IIFE вокруг скомпилированного CoffeeScript означает, что функция недоступна для внешней области видимости.

Hugo Tostes · Answer 1 · 2013-10-18T10-54-00.000Z

я сделал это на странице coffeescripit: http://coffeescript.org/

IN HTML CODE удалить фокус attr:

<input type="email" name="email" id="email">

внутри coffeescript замените код следующим образом:

$(document).ready -> $(document).on("focus","#email",-> $(this).fadeOut())