Что с Wordpress? Почему штатный jquery перестал работать?

Question

[Сергей]

Привет ребята. На разрабов WP уже зла не хватает. Выпустили обновление - у меня админка работать перестала как надо.

// Подключаю скрипты и стили админки
add_action('admin_enqueue_scripts', 'ugd_admin_scripts');
function ugd_admin_scripts(){
        wp_enqueue_script	('jquery');
        wp_enqueue_script	('editor-buttons', 			get_template_directory_uri() . '/js/newbuttons.js', array('jquery'));
}

Ничего не работает: 0: Object expected в любом скрипте, куда бы я его не втыкал. Если подключить внешнюю jquery с CDN - все работает. Зато не работают jquery-ui диалоги.

Что не так? Почему та же кнопка на jquery "добавить медиафайл" работает, а мои - нет?
Заранее спасибо.

Comments

[Lord_Dantes]

Подключите свой jquery в чем проблема.

[Сергей]

slave, проблема в том, что с ним jquery-ui-dialog не работает. причем даже тогда, когда я и его подключаю с CDN.

[yarovikov]

Сергей, совместимость версий почекайте

[Сергей]

yarovikov,

Прекращена поддержка jQuery 1.6.x : jQuery UI 1.12 официально поддерживает jQuery 1.7.0 - 3.1.0.

https://blog.jqueryui.com/2016/09/jquery-ui-1-12-1/

echo '<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>';
echo '<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>';
echo '<script src="' . get_template_directory_uri() . '/js/admin_scripts.js"></script>';
echo '<script src="' . get_template_directory_uri() . '/js/newbuttons.js"></script>';

Результат:

0: Object doesn't support property or method 'getClientRects'

Модальное окно открывается, но выдает ошибку и перестает работать.

[yarovikov]

Сергей, jquery ui входит в ядро вп. Вот changelog последней версии. https://wordpress.org/support/wordpress-version/ve... . Возможно, из-за него не работает. Отключите дефолтные версии и нормально подключите свои. Судя по echo, вы какую-то фигню делаете.

[Сергей]

Короче заработало вот так:

wp_enqueue_script	('ugd-jquery', 				'https://code.jquery.com/jquery-3.4.1.min.js');
wp_enqueue_script	('ugd-jquery-ui', 			'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js');
wp_enqueue_style 	('wp-jquery-ui-dialog'); // Эту муть обязательно перед скриптом
wp_enqueue_script	('admin_scripts', 			get_template_directory_uri() . '/js/admin_scripts.js', array('jquery-ui-dialog')); // Перед этим скриптом, на который обязательно зависимость array('jquery-ui-dialog') надо повесить.
// Ни в каких других вариациях пока не работает...

[yarovikov]

Сергей, если не секрет, где вы эту древность используете? Не в гутенберг, надеюсь?

[Сергей]

yarovikov, Нет. у меня стоит плагин старого редактора (classic editor). Модальные окна я использую для выбора похожих / связанных публикаций.

Answer 1

[Сергей]

Короче, все исправил. Как обычно, сам... Выкладываю решение. Может кому пригодится.

// Подключаем скрипты и стили админки
add_action('admin_enqueue_scripts', 'ugd_admin_scripts');
function ugd_admin_scripts(){
        // Тут у нас JQuery
        wp_enqueue_script	('ugd-jquery', 'https://code.jquery.com/jquery-3.4.1.min.js');
        // Тут у нас JQuery UI
        wp_enqueue_script	('ugd-jquery-ui', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js');
        // Тут у нас тема (css-стили) для JQuery UI
        // Если не подключить, будут глюки типа двух крестиков на кнопке закрытия окна и т.п.
        wp_enqueue_style 	('ugd-jquery-ui-theme', 'https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');
        // А тут у нас сам скрипт диалогового окна
        // Обязательно устанавливаем зависимость array('jquery-ui-dialog')
        wp_enqueue_script	('admin_scripts', get_template_directory_uri() . '/js/admin_scripts.js', array('jquery-ui-dialog'));
}

Всем спасибо. По крайней мере за попытки)

Answer 2

[Павел Чесноков]

Мой вариант:

function load_scripts() {
    if (!is_admin()) {
        wp_deregister_script('jquery');
        wp_enqueue_script('jquery', '//code.jquery.com/jquery-3.4.1.min.js', array(), 'cdn', false);
        add_filter('script_loader_src', 'jquery_local_fallback', 10, 2);
    }
}
add_action('wp_enqueue_scripts', 'load_scripts', 100);

function jquery_local_fallback($src, $handle = null) {
    static $add_jquery_fallback = false;
    if ($add_jquery_fallback) {
        echo '<script>window.jQuery || document.write(\'<script src="';
        echo get_template_directory_uri() . '/assets/js/jquery-3.4.1.min.js';
        echo '"><\/script>\')</script>' . "\n";
        $add_jquery_fallback = false;
    }
    if ($handle === 'jquery') {
        $add_jquery_fallback = true;
    }
    return $src;
}
add_action('wp_head', 'jquery_local_fallback');