Вопрос:

функция из требуемого файла JS не определена

zurb-foundation

13 просмотра

1 ответ

5 Репутация автора

У меня есть эта маленькая функция:

   function nullifyLorem(){
         document.getElementById("loremIpsum").innerHTML ="loremNullified"
   }

это из файла "custom.js", который находится в корне / assets / js / lib. Этот файл включен через

     require('./lib/custom');

внутри файла app.js, который находится в корневом каталоге / assets / js. Импорт custom.js работает нормально, я не получаю ошибки об этом.

Теперь у меня есть эта кнопка на моей целевой странице

<button class="button" onclick="nullifyLorem()">ClickMe!</button>

где у меня есть это включение сценария в нижней части моего тела

<script src="{{root}}assets/js/app.js"></script>,

И когда я нажимаю на нее, я получаю эту ошибку

Uncaught ReferenceError: nullifyLorem не определено в HTMLButtonElement.onclick

Почему это? Чего мне не хватает? Я прочитал в нескольких сообщениях, что это путь, когда в том числе собственные файлы JS ...

Автор: Hicksfeld Источник Размещён: 30.07.2019 09:22

Ответы (1)


0 плюса

4647 Репутация автора

OnClick ссылается на имя функции до того, как оно станет доступно и находится в неправильном контексте (global / window). Это не работает в целом.

Используйте ненавязчивый способ, используя и прикрепляя прослушиватели событий после создания ваших элементов DOM.

Автор: Daniel Ruf Размещён: 11.08.2019 08:31
Вопросы из категории :
32x32