0

Есть такой JS код:

$(function() {
   //тут отправляем пробегаем по массиву и выводим каждый элемент {
     $("#block").append("<a href='javascript:;' onclick='my_func(1, 10)'>Link</a>");
   //}

   function new_func(....) {
       .....
   }
});

function my_func(id, amt) {
   ....
   new_func();
}

После клика на добавленную ссылку должна вызваться функция my_func , там выполняется код, и после должна вызваться функция new_func , но вызова не происходит, получаю ошибку:

Uncaught ReferenceError: new_func is not defined

at my_func

at HTMLAnchorElement.onclick

Пробовал поместить my_func под $(function() { но тогда получаю такую ошибку:

Uncaught ReferenceError: my_func is not defined

at HTMLAnchorElement.onclick

Что я делаю не так?

$(function() {
  $("#block").append("<a href='javascript:;' onclick='my_func(1, 10);'>Link</a>");

  function new_func() {
    console.log('new_func');
  }
});

function my_func(id, amt) {
  console.log(amt);
  new_func();
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<div id="block"></div>

1
  • 2
    onclick здесь совершенно не при чем, вы из глобальной области видимости хотите увидеть функцию внутри изолированной области видимости ($(function() {}); так не получится Commented 3 сент. 2019 в 7:53

1 ответ 1

0

Предложу дом елементы создавать не как строку а как дом елементы :

(function() {

  let a = document.createElement('a')
  a.textContent = '123'
  a.href = 'javascript:;'
  a.onclick = () => myFunc(1, 2)

  document.getElementById('block').appendChild(a)

  function myFunc(id, amt) {
    console.log(amt)
    newFunc()
  }

  function newFunc() {
    console.log('newFunc')
  }
})();
<div id="block"></div>

тут правда без JQuery

3
  • не совсем понял в чем тут суть(я не очень в javascript)
    – iKey
    Commented 3 сент. 2019 в 7:06
  • 2
    суть в обастях видимости, если не очень в js, то советую ченить почитать про него ) Commented 3 сент. 2019 в 7:07
  • @iKey совсем на пальцах - в вашем коде myfunc используется jquery, когда прописывается обработчик. и он его не видит. А в предложенном варианте обработчик назначается в той же области видимости, что и объявление функции
    – splash58
    Commented 3 сент. 2019 в 7:18

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.