Как подключить к wordpress jquery-ui.min.js?

Question

[zeni1agent]

У меня возникла проблема я не могу нормально подключить jquery-ui.min.js
при попытке подключить код он выдает вот такую ошибку

jquery-ui.min.js:13 Uncaught TypeError: c.curCSS is not a function
at HTMLDivElement. (jquery-ui.min.js:13)
at jquery.js?ver=1.12.4:2
at Function.grep (jquery.js?ver=1.12.4:2)
at j (jquery.js?ver=1.12.4:2)
at a.fn.init.filter (jquery.js?ver=1.12.4:2)
at a.fn.init.scrollParent (jquery-ui.min.js:13)
at b.(/wor/ru/2019/02/18/test-video-ponorama-2/anonymous function).(anonymous function)._mouseStart (localhost/wor/wp-content/themes/me_theme_test/code...
at b.(/wor/ru/2019/02/18/test-video-ponorama-2/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.js?ver=1.12.4:2)

Если я подключаю дополнительно jquery.min.js. То код работает нормально но конфликтует со встроенным jquery вордпреса

functions.js?ver=20150315:29 Uncaught TypeError: button.on is not a function
at functions.js?ver=20150315:29
at functions.js?ver=20150315:39
at functions.js?ver=20150315:210
(anonymous) @ functions.js?ver=20150315:29
(anonymous) @ functions.js?ver=20150315:39
(anonymous) @ functions.js?ver=20150315:210
js_code_theme.js:4 Uncaught TypeError: $(...).on is not a function
at HTMLDocument. (js_code_theme.js:4)
at Function.ready (jquery.min.js:26)
at HTMLDocument.L (jquery.min.js:33)
(anonymous) @ js_code_theme.js:4
ready @ jquery.min.js:26
L @ jquery.min.js:33
scripts.js?ver=16.16.4:36 Uncaught TypeError: jQuery(...).on is not a function
at scripts.js?ver=16.16.4:36
at dispatch (jquery.js?ver=1.12.4:2)
at y.handle (jquery.js?ver=1.12.4:2)
(anonymous) @ scripts.js?ver=16.16.4:36
dispatch @ jquery.js?ver=1.12.4:2
y.handle @ jquery.js?ver=1.12.4:2
load (async)
add @ jquery.js?ver=1.12.4:2
a.event.add @ jquery-migrate.min.js?ver=1.4.1:2
(anonymous) @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
De @ jquery.js?ver=1.12.4:2
on @ jquery.js?ver=1.12.4:2
bind @ jquery.js?ver=1.12.4:2
a.fn.(anonymous function) @ jquery-migrate.min.js?ver=1.4.1:2
(anonymous) @ scripts.js?ver=16.16.4:35
three.js:21934 THREE.WebGLRenderer 96
jquery.js?ver=1.12.4:2 Uncaught TypeError: jQuery(...).on is not a function
at rcl_init_ajax_tab (scripts.js?ver=16.16.4:46)
at core.js?ver=16.16.4:34
at Array.forEach ()
at rcl_do_action (core.js?ver=16.16.4:33)
at HTMLDocument. (scripts.js?ver=16.16.4:32)
at l (jquery.js?ver=1.12.4:2)
at c (jquery.js?ver=1.12.4:2)
rcl_init_ajax_tab @ scripts.js?ver=16.16.4:46
(anonymous) @ core.js?ver=16.16.4:34
rcl_do_action @ core.js?ver=16.16.4:33
(anonymous) @ scripts.js?ver=16.16.4:32
l @ jquery.js?ver=1.12.4:2
c @ jquery.js?ver=1.12.4:2
setTimeout (async)
w.readyException @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.js?ver=1.12.4:2
l @ jquery.js?ver=1.12.4:2
c @ jquery.js?ver=1.12.4:2
setTimeout (async)
(anonymous) @ jquery.js?ver=1.12.4:2
u @ jquery.js?ver=1.12.4:2
fireWith @ jquery.js?ver=1.12.4:2
fire @ jquery.js?ver=1.12.4:2
u @ jquery.js?ver=1.12.4:2
fireWith @ jquery.js?ver=1.12.4:2
c @ jquery.js?ver=1.12.4:2
setTimeout (async)
(anonymous) @ jquery.js?ver=1.12.4:2
u @ jquery.js?ver=1.12.4:2
fireWith @ jquery.js?ver=1.12.4:2
fire @ jquery.js?ver=1.12.4:2
u @ jquery.js?ver=1.12.4:2
fireWith @ jquery.js?ver=1.12.4:2
ready @ jquery.js?ver=1.12.4:2
_ @ jquery.js?ver=1.12.4:2

Я уже пытался и удалять оригинальный 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 осталась

Сейчас у меня высвечивается лишь ошибка. Которая перестала меняться.

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
jquery-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)

Кто знает как это исправить ?

Answer 1

[Пычев Анатолий]

jquery-ui есть в списке штатных скриптов. Может для Вас будет достаточно просто указать зависимость при подключении Вашего
Список штатных скриптов можно увидеть здесь

Comments

[zeni1agent]

Вы имеете в веду вот этот файл?

потому что среди подключенных его нету

[Пычев Анатолий]

Я имею в виду что возможно функциональность которая вам нужна в файле jquery-ui уже присутствует в штатном скрипте WordPress-а

У меня тоже была подобная задача
Я пытался подключить перетаскивание
а потом обнаружил что этот код существует в штатном скрипте WordPress-а
кстати скрипты имели разное название
мне потребовалось просто подключить нужный скрипт

Если же вам нужно что-то отличное от штатных скриптов
там не понравился ответ Анатолий

[zeni1agent]

Пычев Анатолий,
Мне надо иметь возможность перетаскивать увеличивать удалять и сохранять изменения вот пример кода codepen
Проблема в том что при всех этих действия возникает ошибка

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)

И я не знаю как ее решить.

[Пычев Анатолий]

попробуйте подключить штатную и посмотрите что будет работать

[zeni1agent]

Пычев Анатолий, Я пробовал подключить 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)

Answer 2

[Анатолий]

Отвечаю на вопрос как подключить, вот так:

wp_enqueue_script( 'scripts-query', get_template_directory_uri() . '/assets/js/jquery-ui.min.js',array( 'jquery' ), null, true);

где '/assets/js/jquery-ui.min.js' - путь к файлу на вашем хостинге
get_template_directory_uri() - путь до вашей темы
это загрузка в футере, если нужна в хедере, то вместо true, напишите false

размещать в functions.php но наверно Вы это уже знаете

Если вопрос как отключить встроенный скрипт:
Вам уже подсказали, замечу только, что отключать надо:
--- смотрите файл ---
functions.wp-scripts.php

$no = array(
			'jquery', 'jquery-core', 'jquery-migrate', 'jquery-ui-core', 'jquery-ui-accordion',
			'jquery-ui-autocomplete', 'jquery-ui-button', 'jquery-ui-datepicker', 'jquery-ui-dialog',
			'jquery-ui-draggable', 'jquery-ui-droppable', 'jquery-ui-menu', 'jquery-ui-mouse',
			'jquery-ui-position', 'jquery-ui-progressbar', 'jquery-ui-resizable', 'jquery-ui-selectable',
			'jquery-ui-slider', 'jquery-ui-sortable', 'jquery-ui-spinner', 'jquery-ui-tabs',
			'jquery-ui-tooltip', 'jquery-ui-widget', 'underscore', 'backbone',
		);

Answer 3

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

1) сделать deregister_script() jquery по умолчанию
2) подключить свой jquery через functions.php
3) подключить jquery-ui через functions.php

p.s. чтобы найти handle текущего jquery используйте плагин query monitor. Посмотрите, какой handle используется для него

Comments

[zeni1agent]

1) сделать deregister_script() jquery по умолчанию
2) подключить свой jquery через functions.php
3) подключить jquery-ui через functions.php

я попытался с помощью

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, true );
	wp_enqueue_script( 'jquery' );
}

но результат такой же как если бы я повторно установил jquery

functions.js?ver=20150315:29 Uncaught TypeError: button.on is not a function
at functions.js?ver=20150315:29
at functions.js?ver=20150315:39
at functions.js?ver=20150315:210
(anonymous) @ functions.js?ver=20150315:29
(anonymous) @ functions.js?ver=20150315:39
(anonymous) @ functions.js?ver=20150315:210
js_code_theme.js:4 Uncaught TypeError: $(...).on is not a function
at HTMLDocument. (js_code_theme.js:4)
at Function.ready (jquery.min.js:26)

p.s. чтобы найти handle текущего jquery используйте плагин query monitor. Посмотрите, какой handle используется для него

ты про эту программу говорил?

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

zeni1agent, если не ошибаюсь, то jquery-core

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

zeni1agent, и соблюдается ли порядок подключения скриптов? Сперва jquery, затем jquery-UI ?

[zeni1agent]

azerphoenix, Ошибки происходят когда я подключаю именно jquery.min.js

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, true );
	wp_enqueue_script( 'jquery' );
}

functions.js?ver=20150315:29 Uncaught TypeError: button.on is not a function
at functions.js?ver=20150315:29
at functions.js?ver=20150315:39
at functions.js?ver=20150315:210
(anonymous) @ functions.js?ver=20150315:29
(anonymous) @ functions.js?ver=20150315:39
(anonymous) @ functions.js?ver=20150315:210
query-monitor.js?ver=1550611105:165 Uncaught TypeError: $(...).find(...).on is not a function
at HTMLDocument. (query-monitor.js?ver=1550611105:165)
at Function.ready (jquery.min.js:26)
at HTMLDocument.L (jquery.min.js:33)
(anonymous) @ query-monitor.js?ver=1550611105:165
ready @ jquery.min.js:26
L @ jquery.min.js:33
scripts.js?ver=16.16.4:36 Uncaught TypeError: jQuery(...).on is not a function
at scripts.js?ver=16.16.4:36
at handle (jquery.min.js:55)
at o (jquery.min.js:49)

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

zeni1agent, https://stackoverflow.com/questions/34530211/uncau...
лог по вашей ошибке. Проверьте версию jquery, проверьте корректно ли вы отключили его (это видно через query monitor). Проверьте корректно ли подключен скрипт и есть ли скрипт по указаному пути. Проверььте соблюден ли порядок подключения и указаны ли зависимости корректно. Проверьте подключаете ли вы скрипт к род. теме или к дочерней (get_template_directory_uri() || get_stylesheet_directory_uri() )

[zeni1agent]

лог по вашей ошибке. Проверьте версию jquery,

версия v1.4.2 в обоих случаях

проверьте корректно ли вы отключили его (это видно через query monitor).

wp_deregister_script( 'jquery' ); удаляет jquery.
по ссылке get_template_directory_uri() . '/code/js/jquery.min.js'
настройки query monitor не открываются
Притом что версия не влияет на ошибку я пробовал на разных версиях.
по ссылке //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
появляется ошибка из первого случая
jquery-ui.min.js:13 Uncaught TypeError: c.curCSS is not a function И далее..

Проверьте корректно ли подключен скрипт и есть ли скрипт по указаному пути.

Да есть по указному пути скрипты. если их не было бы то выдавало бы ошибку

Uncaught ReferenceError: jQuery is not defined

В случае если нет jQuery

TypeError: $(...).prepend(...).append(...).resizable is not a function

Если отсутствует jQuery-ui

Проверььте соблюден ли порядок подключения и указаны ли зависимости корректно.

да wp_enqueue_script( 'jquery_ui', get_template_directory_uri() . '/ise/code/js/jquery-ui.min.js', array('jquery')); вроде подключился корректно. Проблема в том что jquery через get_template_directory_uri() подключается некорректно. И взаимосвязь работает некорректно

Проверьте подключаете ли вы скрипт к род. теме или к дочерней (get_template_directory_uri() || get_stylesheet_directory_uri() )

У меня только основная тема к которой я подключаю через get_template_directory_uri()

[zeni1agent]

Теперь у меня ошибка

Uncaught TypeError: Cannot read property 'safari' of undefined
at b.(/wor/ru/2019/02/15/vihj/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)