JQuery во втором документе готово не работает

Question

У меня есть два документа, готовые события.

Первый, на странице (рабочий пост запрос вставки HTML форму), вставленный мой WP шорткодом:

<script type="text/javascript" > 
    jQuery(document).ready(function($) { 
     jQuery.post(
      ajaxUrl, 
      { 
       action: 'action', 
       nonce: 'nonce' 
      }, 
      function(response) { 
       $('#place').removeClass('preloader'); 
       $('#place').html(response); 
      } 
     ); 
    }); 
</script> 

Второму (он работал, пока я не добавил первый код на странице), в JS файл загруженные в сноске:

jQuery(document).ready(function($) { 
    $('#myform').submit(function(e) { 
     e.preventDefault(); 
/* some ajax call with form data*/ 
    }); 
}); 

Второе готово событие уволит, но $('#myform').submit не работает. Вы можете мне помочь?

Answer 1

Неправильно использовать функцию document.ready. Если вы включите скрипты на уровне нижнего колонтитула после всех необходимых элементов dom, они будут запускаться после того, как остальная часть документа и элементов загрузится, тем самым избавившись от необходимости в функциях готовности документа.

Непонятно, что вы делаете с функциями и как они могут взаимодействовать, но если кто-то меняет другой, убедитесь, что вы получаете нужные элементы. Хороший способ тестирования - открыть панель разработчика в браузере и скопировать/вставить код javascript, чтобы увидеть, что работает, а что нет. Вы можете ввести javascript в консоли и запустить его в реальном времени на dom, загруженном в ваш браузер.