Почему не работает код JS?

Question

[Алексей]

В песочнице работает
https://jsfiddle.net/2Lkzvc63/
на сайте нет
http://babkorub.ru/2020/05/31/%d1%81%d0%b2%d1%8f%d...
консоль выдает ошибку TypeError: table is null
в этой строчке table.addEventListener('input', fResultFilter);

Что надо поправить?
Спасибо

Comments

[Александр]

Попробуйте обернуть ваш скрипт на сайте в эти строки:

$(document).ready(function(){
// здесь ваш скрипт
});

[Алексей]

Александр, ошибка теперь указывается в $(document).ready(function(){

[Александр]

Алексей selftrips.ru, добавьте в functions.php вашей темы следующий код:

add_action( 'init', 'jquery_register' );
function jquery_register() {
	if ( !is_admin() ) {
		wp_deregister_script( 'jquery' );
		wp_register_script( 'jquery', ( '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' ), false, null, false);
		wp_enqueue_script( 'jquery' );
	}
}

[Павел]

Александр, jquery подключен до его скрипта, зачем это? В WP нужно просто вместо $ использовать jQuery

jQuery(document).ready(function(){
// здесь ваш скрипт
});

Алексей selftrips.ru,
И если возникает проблема с jQuery - используйте чистый js

document.addEventListener('DOMContentLoaded', function() {
// здесь ваш скрипт
});

[Александр]

Павел, в первую очередь предпочитаю подключить нормальный современный jquery, а не использующийся в шаблонах + без migrate.
И уже после этого искать ошибки и спокойно использовать:
$(document).ready(function(){

[Алексей]

Павел,
document.addEventListener('DOMContentLoaded', function() {
не помогло((

[Алексей]

Павел,
а вот это работает!!!!
jQuery(document).ready(function(){
а в чем проблема?
В песочнице код работает на чистом JS !!

[Алексей]

Алексей selftrips.ru, а как можно переделать с table на select?

[Павел]

Алексей selftrips.ru, в песочнице сначала грузится html разметка - потом ваш код, у вас на сайте наоборот - когда грузится JS - разметки еще нет, то есть коду не с чем работать...

document.addEventListener("DOMContentLoaded", function() {

Это 1 в 1

jQuery(document).ready(function(){
так, что просто, наверное, не правильно написали что-то

[Алексей]

Павел, да наверное... может страницу забыл перегрузить... теперь работает...

Answer 1

[Loli E1ON]

https://developer.mozilla.org/ru/docs/Web/Events/D...