Кофликт скриптов, почему так происходит?

Question

[Валентин Попов]

На сайте wordpress подключаю страницу отдельную со своими скриптами, но с версией jquery которая автоматически в wordpres мои скрипты не работают. Подключаю версию jquery другую, то мои скрипты работают, а слайдер темы исчезает и не работает. Если подключаю наоборот, то мои скрипты не работают, а слайдер появляется и работает. Подскажите, как победить этот конфликт?

Answer 1

[Валентин Попов]

Вот решение, которое мне помогло. Так как я подключаю скрипт в шапке сайта, то мне просто нужно было свой скрипт обернуть в document-ready функцию:

// скрипт в шапке
jQuery(document).ready(function( $ ) {
	
 // код моего скрипта
	
});

Т.е изначально код моего скрипта к примеру выглядел так:

$(function () { 

// код моего скрипта

});

Затем я просто его обернул в функцию указанную выше и все заработало, теперь мой код выглядит вот так:

// скрипт в шапке
jQuery(document).ready(function( $ ) {
	
  // код моего скрипта
	
});

Надеюсь у кого будет, такая же ситуация - это им поможет и сократить время в поиске проблемы.
Всем спасибо за помощь!

Answer 2

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

Используйте ту версию jQuery, которая поставляется с WordPress, подгружая ее просто указав в виде зависимости для вашего скрипта. В вашем коде используйте режим noConflict

(function($){

    /**
     * Immediate execution
     */
    console.log();
    
    /**
     * When DOM is ready
     */
    $(document).ready(function(){
    
    });
    
    /**
     * When all content is loaded
     */
    $(window).load(function(){

    }); // window.load END

})(jQuery);

Answer 3

[Сергей Тряпкин]

Была аналогичная проблема, когда старую тему на вп, переводил на новый jquery.
Помогла библиотека jquery-migrate.
Вот как выглядит инициализация скриптов у меня:

wp_deregister_script('jquery');
wp_register_script('jquery', get_bloginfo('template_url').'/js/jquery.min.js', false, '1.10.1');
wp_enqueue_script('jquery');
wp_enqueue_script('query-migrate', get_bloginfo('template_url').'/js/jquery-migrate-1.4.1.min.js', array('jquery'), '1.4.1');

Сама библиотека тут.

Comments

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

ничо, что WP ее грузит по умолчанию со своим jquery? :)

[Сергей Тряпкин]

Игорь Воротнёв: т.е. я так понимаю, что я могу эти строчки просто выкинуть, у меня все заработает? :)

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

Сергей Тряпкин: заработает, если вы сам код будете правильно писать - смотрите мой ответ. WordPress использует jQuery в режиме noConflict, поэтому весь свой код надо обернуть в один небольшой кусочек

[Валентин Попов]

Какой свой код? что именно обернуть?

[Валентин Попов]

Игорь Воротнёв: Покажите пример пожалуйста ?

[Сергей Тряпкин]

Игорь Воротнёв: спасибо, разобрался, буду знать :)

[Сергей delphinpro]

Госпаде... мигрэйт нужна для отлова багов, она подробно логирует ошибки для их исправления и не предназначена для использования в продакшене

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

Сергей: ну не совсем. Migrate нужен, если используется jQuery 1.9+, а код, который требует jQuery, писался под старую версию и использует фичи, которые были deprecated в более новых версиях jQuery

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

elarkov:

(function($){
    ...
    тут ваш обычный код и вы можете использовать привычный $
    ...
})(jQuery);

[Валентин Попов]

Игорь Воротнёв: не помогло. Слайдер работает, а мой скрипт нет