Почему на wordpess конфликтуют jquery и jquery-ui и я получаю ошибку Uncaught TypeError: Cannot read property 'safari' of undefined?

Question

[zeni1agent]

Почему на wordpress при попытке подключить jquery и jquery-ui
в коде я получаю такую ошибку

Uncaught TypeError: Cannot read property 'safari' of undefined
at b.(/wor/ru/2019/02/20/%d0%b4%d0%be/anonymous function).(anonymous function)._mouseDown (localhost/wor/wp-content/themes/me_theme_test/code...
at HTMLDivElement. (jquery-ui.min.js:22)
at HTMLDivElement.dispatch (jquery.min.js:5)
at HTMLDivElement.v.handle (jquery.min.js:5)
_mouseDown @ jquery-ui.min.js:24
(anonymous) @ jquery-ui.min.js:22
dispatch @ jquery.min.js:5
v.handle @ jquery.min.js:5
2jquery-ui.min.js:24 Uncaught TypeError: Cannot read property 'msie' of undefined
at b.(/wor/ru/2019/02/20/%d0%b4%d0%be/anonymous function).(anonymous function)._mouseMove (localhost/wor/wp-content/themes/me_theme_test/code...
at HTMLDocument._mouseMoveDelegate (jquery-ui.min.js:24)
at HTMLDocument.dispatch (jquery.min.js:5)
at HTMLDocument.v.handle (jquery.min.js:5)

Вот пример кода который работает code

Я уже пытался и удалять оригинальный jquery и переустанавливать его

add_action( 'wp_enqueue_scripts', 'jquery_script_method' );
function jquery_script_method() {
	wp_deregister_script( 'jquery' );
	wp_register_script( 'jquery', get_template_directory_uri() . '/code/js/jquery.min.js', false, null, false );
	wp_enqueue_script( 'jquery' );	
wp_enqueue_script( 'jquery_ui', get_template_directory_uri() . '/code/js/jquery-ui.min.js',array( 'jquery' ), null, false);	
}

и встраивать через wp_head

add_action( 'wp_head', 'my_wp_custom_code', 9999 );
function my_wp_custom_code() {
echo '<script src="' . get_template_directory_uri() . '/code/js/jquery.min.js" type="text/javascript"></script>';
echo '<script src="' . get_template_directory_uri() . '/code/js/jquery-ui.min.js" type="text/javascript"></script>';
}

и просто через тег script в файле content.php

и совмещал jquery и jquery-ui в один js файл

я пытался обновить
jquery с v1.10.2 до v3.3.1
jquery-ui с 1.8.2 до v1.12.1
появилась ошибка

Uncaught TypeError: e.indexOf is not a function
at w.fn.init.w.fn.load (jquery.min.js:2)
at functions.js?ver=20150315:149
at functions.js?ver=20150315:210

jquery-migrate-3.0.1.js исправил ошибку Uncaught TypeError: e.indexOf is not a function
но ошибка в jquery-ui осталась
Что делать я не знаю идеи закончились.

Comments

[Игорь Воротнёв]

Так, давайте для начала разберемся, чем вас не устраивают jQuery и jQuery-UI которые идут в комплекте с WordPress и подключаются автоматически просто как зависимости для вашего скрипта через массив $deps в wp_enqueue_script?

[zeni1agent]

Игорь Воротнёв, Вы имеете в веду Штатные скрипты WordPress?
Я уже пытался подключить jquery-ui-core
не помогло

Uncaught TypeError: $(...).prepend(...).append(...).resizable is not a function
at createSticky ((index):387)
at HTMLDivElement.click ((index):352)
at HTMLDivElement.dispatch (jquery.min.js:5)
at HTMLDivElement.v.handle (jquery.min.js:5)

[Игорь Воротнёв]

zeni1agent, как вы подключали? Код в студию. Откатитесь до состояния подключения родных библиотек из поставки WP. И тогда показывайте ошибки. Будем смотреть.

Понимаете, из ваших ошибок видно, что вы не подключаете все что нужно, то есть у вас не удовлетворено дерево зависимостей. А происходит это из-за того, что вы пытаетесь разными способами вслепую все подключать, перескакивая из одного метода на другой. Вместо того, чтобы остановиться и подумать, почитать документацию.

Плюс, есть подозрение что вы не используете jQuery в своем клиентском коде в режиме noConflict.

[zeni1agent]

Игорь Воротнёв, Меня слегка недоумевает тот факт что в разные периоды времени код реагирует по разному.
Например в начале jquery и jquery.min конфликтовали между собой и вдруг перестали.
При том что я использовал один и тот же код.
Или мой js код перестал видеть друг друга и начал писать что cod.open() не найден
После ни с того ни с чего ui вдруг начал видеть jquery. А раньше этого не было.
Сейчас например все работает без ошибок при том что я использую тот же код что использовал в самом начале.
И это очень странно.

[Игорь Воротнёв]

zeni1agent, это звучит очень и очень странно. Сервер какой? ОС? Похоже больше на какое-то кеширование.

[zeni1agent]

Игорь Воротнёв, Возможно я нашел причину ошибок
Веной всему было неправильная версия UI
поскольку когда я вернул обратно на версию 1.8.2 все те ошибки с которые были в самом начале вернулись.

Answer 1

[Юпитер Макс]

для начала: если вы передаете в массив параметр jquery, он означает, что wp cам его подключит, поэтому не нужно подключать еще один

Comments

[zeni1agent]

Ну все равно ошибка не исчезла.

[Юпитер Макс]

в файле, где подключается ui как инициализируется jquery?

[zeni1agent]

Юпитер Макс, Ты имеешь в веду как он подключается в function.php?
я искал jquery но так и не нашел где он подключается самое ранее что я нашел это

if ( is_singular() && wp_attachment_is_image() ) {
		wp_enqueue_script( 'twentyfourteen-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20130402' );
	}

В верху я уже написал все способы которые знаю с помощью которых можно подключить файл.
сейчас у меня стоит

add_action( 'wp_enqueue_scripts', 'jquery_script_method' );
function jquery_script_method() {
	wp_deregister_script( 'jquery' );
	wp_register_script( 'jquery', get_template_directory_uri() . '/ise/code/js/jquery.min.js', false, null, false );
	wp_enqueue_script( 'jquery' );	
	wp_enqueue_script( 'jquery-ui-core' );
	//wp_enqueue_script( 'jquery_ui', get_template_directory_uri() . '/ise/code/js/jquery-ui.min.js',array( 'jquery' ), null, false);
}

[Юпитер Макс]

zeni1agent, нет, я не это имел ввиду. Вы используете ui для чего-то, в каком файле происходит инициализация? Ну к примеру, если вы используете slider то вы его инициализируете в каком-то файле вот так:
$('.block').slider();

[zeni1agent]

Я не знаю почему но вдруг ни с того ни с сего он заработал. Причем заработал в обоих случаях как через jquery_script_method так и через wp_head. Я так и не понял почему ui раньше не видел ванильный jquery а теперь увидел. Это уже второй раз как wordpress повел себя странно первый раз он резко перестал показывать конфликт ванильного jquery и jquery.min.
Сейчас я использую вот такой код

add_action( 'wp_enqueue_scripts', 'jquery_script_method' );
function jquery_script_method() {
 wp_enqueue_script( 'jquery_ui', get_template_directory_uri() . '/ise/code/js/jquery-ui.min.js',false, null, false);  
}

[zeni1agent]

Но спасибо вам большое что пытались помочь.

[Игорь Воротнёв]

zeni1agent,

Это уже второй раз как wordpress повел себя странно первый раз он резко перестал показывать конфликт ванильного jquery и jquery.min.

WordPress не ведет себя странно или нормально, в зависимости от погодных условий или настроения. Это не женщина. Если что-то странное происходит, в 99.999999% случаев это вы что-то не то делаете.

[Юпитер Макс]

zeni1agent, вот теперь у вас другая директория указана, значит косяк был в неправильных путях, скорее всего ))

[zeni1agent]

Юпитер Макс, Но тогда почему он работает правильно и в случае если я устанавливаю его через

add_action( 'wp_head', 'my_wp_custom_code', 9999 );
function my_wp_custom_code() {
echo '<script src="' . get_template_directory_uri() . '/code/js/jquery-ui.min.js" type="text/javascript"></script>';
}

Ведь этот способ я использовал в первую очередь.

[Юпитер Макс]

zeni1agent, так вы посмотрите свои коды, у вас там другие директории к скиптам указаны

[zeni1agent]

Юпитер Макс, Честно говоря я не вижу разницы.

add_action( 'wp_head', 'my_wp_custom_code', 9999 );
function my_wp_custom_code() {
// echo '<script src="' . get_template_directory_uri() . '/code/js/jquery.min.js" type="text/javascript"></script>';
echo '<script src="' . get_template_directory_uri() . '/code/js/jquery-ui.min.js" type="text/javascript"></script>';
}

add_action( 'wp_head', 'my_wp_custom_code', 9999 );
function my_wp_custom_code() {
echo '<script src="' . get_template_directory_uri() . '/code/js/jquery-ui.min.js" type="text/javascript"></script>';
}

Единственная разница это версия jquery-ui вместо 1.8.2 стоит v1.12.1
Когда меняю обратно возвращается и ошибка с которой все и начиналось.
Итог: Я в шоке

[Орхан Гасанлы]

Игорь Воротнёв, как верно подмечено))