Как переподключить jquery и не поломать сайт?

Question

[zeaovede]

Переподключил jquery
Было так

function my_scripts() { 
?>	
<script type="f71ad2114b19723ebddd10ca-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.6.0.min.js"></script>
<?php
}

Сделал так

function my_scripts() {  
wp_deregister_script( 'jquery' );
	wp_register_script( 'jquery', get_template_directory_uri() .'/js/jquery-3.6.0.min.js' );
	wp_enqueue_script( 'jquery' );
}

myajax is not defined - это к чему пришел


Отвалился код в функшенс в результате переподключения jquery:

add_action( 'wp_enqueue_scripts', 'myajax_data', 2000);
function myajax_data(){
	wp_localize_script( 'jquery', 'myajax',
		array(
			'url' => admin_url('admin-ajax.php')
		)
	);
}

Возможно, кто-то сталкивался с подобным и сможет подсказать как это пофиксить?

Answer 1

[Артем Золин]

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

function wpz_scripts() {

	wp_enqueue_script( 'ajax-events', get_theme_file_uri( 'dist/build/ajax-events.min.js' ), array( 'jquery' ), filemtime( get_theme_file_path( '/dist/build/ajax-events.min.js' ) ) );

	wp_localize_script(
		'ajax-events', 
		'ajax_events_obj', 
		array(
			'url' => admin_url( 'admin-ajax.php' ),
			'nonce' => wp_create_nonce( 'nonce-events' ) // Создаем nonce
		) 
	);

}
add_action( 'wp_enqueue_scripts', 'wpz_scripts' );

Зачем вы вообще пытаетесь подключить свою версию jq? В WP 5.9 и так подключается минифицированная версия jQuery v3.6.0

Comments

[zeaovede]

Артем Золин, если я не подключу свой скрипт jQuery то мои калькуляторы не работают. ajax-events.min.js вот тут что-то я совсем не понял. Этот скрипт в качестве примера привели? В общем я протестировал ваше решение в том виде в котором вы его представили. Myajax он отвечает за отображение результата применения поля промокод в калькуляторах на фронтенде

В общем возможно это внесет ясности, вот результат с подключением скриптов, когда Myajax работает

?>	
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery-3.6.0.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/bootstrap-select.min.js@1"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript">$('.selectpicker').selectpicker();</script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.bundle.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/popper.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery.smoothscroll.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/slick.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/nouislider.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery-editable-select.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/wow.min.js"></script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js" integrity="sha512-nOQuvD9nKirvxDdvQ9OMqe2dgapbPB7vYAMrzJihw5m+aNcf0dX53m6YxM4LgA9u8e9eg9QX+/+mPu8kCNpV2A==" crossorigin="anonymous" type="2ef1d8b03fb0311f9e134e45-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/aes.min.js" integrity="sha512-eqbQu9UN8zs1GXYopZmnTFFtJxpZ03FHaBMoU3dwoKirgGRss9diYqVpecUgtqW2YRFkIVgkycGQV852cD46+w==" crossorigin="anonymous" type="2ef1d8b03fb0311f9e134e45-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/pad-zeropadding.min.js" integrity="sha512-txZjFJoDvbM8FJj9HuAHasxA/M76UjnMCXLHwuciIGDKUW9EB9PJVA6foG0vymuK9hu2gdpL60imO9VrTlEF7w==" crossorigin="anonymous" type="2ef1d8b03fb0311f9e134e45-text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/enc-hex.min.js" integrity="sha512-jDU0YCduSP8z0cvjfPFm7/zN/viOcmNWlq0GUIcjVhuv4WoKcMppghamg4aeuBtJaA0wjtYfxwQjPpVuYGEsBA==" crossorigin="anonymous" type="2ef1d8b03fb0311f9e134e45-text/javascript"></script>

<script type="2ef1d8b03fb0311f9e134e45-text/javascript">
    const boost_type = 'division_solo';
    </script>
<script type="2ef1d8b03fb0311f9e134e45-text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/boost-script.js@5.1"></script>
<script src="<?php echo get_template_directory_uri(); ?>/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2ef1d8b03fb0311f9e134e45-|49" defer=""></script><script type="text/javascript">(function(){window['__CF$cv$params']={r:'69862a0fac5f1622',m:'w9.g166I8d9OaMXdNt5eapuW_kWXA4fj5BzjjGER3VI-1633264044-0-AetPrTFxHWceaDFHbJNVyj4Fju34Nc9CgaV26SK+4GXJo8lz+Sq1OML2ej+rW9k9J20ODwDQBwMco8b8bXTrYYKbh/WHeMI49GeUkOggNze8URrI/n42iGkYsW+q4kWKLQ==',s:[0x81198b249d,0x2c72b21e3a],}})();</script>
	<?php

А вот уже с переподключением скриптов, когда калькуляторы работают, но Myajax не работает

wp_deregister_script( 'jquery' );
	wp_register_script( 'jquery', get_template_directory_uri() .'/js/jquery-3.6.0.min.js' );
	wp_enqueue_script( 'jquery' );
	wp_enqueue_script( 'trustpilot-script', 'https://widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js', array(), null, true ); 
	wp_enqueue_script( 'select-script', get_template_directory_uri() .'/js/bootstrap-select.min.js@1', array(), 'null', true );
	wp_add_inline_script( 'select-script', '$(\'.selectpicker\').selectpicker();' );
	wp_enqueue_script( 'bundle-script', get_template_directory_uri() .'/js/bootstrap.bundle.min.js', array(), 'null', true );
	wp_enqueue_script( 'popper-script', get_template_directory_uri() .'/js/popper.min.js', array(), null, true );
	wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() .'/js/bootstrap.min.js', array(), null, true );
	wp_enqueue_script( 'smoothscroll-script', get_template_directory_uri() .'/js/jquery.smoothscroll.min.js', array('jquery'), null, true );
	wp_enqueue_script( 'slick-script', get_template_directory_uri() .'/js/slick.min.js', array(), null, true );
	wp_enqueue_script( 'nouislider-script', get_template_directory_uri() .'/js/nouislider.min.js', array(), null, true );
	wp_enqueue_script( 'editable-script', get_template_directory_uri() .'/js/jquery-editable-select.js', array('jquery'), null, true );
	wp_enqueue_script( 'wow-script', get_template_directory_uri() .'/js/wow.min.js', array(), null, true );
	wp_enqueue_script( 'custom-script', get_template_directory_uri() .'/js/custom.js', array(), null, true );
    wp_enqueue_script( 'crypto-script', 'https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js', array(), null, true ); 
    wp_enqueue_script( 'aes-script', 'https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/aes.min.js', array(), null, true ); 
    wp_enqueue_script( 'pad-script', 'https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/pad-zeropadding.min.js', array(), null, true ); 
    wp_enqueue_script( 'enc-script', 'https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/enc-hex.min.js', array(), null, true ); 
    wp_enqueue_script( 'solo-script', get_template_directory_uri() .'/js/other/solo.js', array(), null, true );
    wp_enqueue_script( 'boost-script', get_template_directory_uri() .'/js/boost-script.js@5.1', array(), null, true );
    wp_enqueue_script( 'rocket-script', get_template_directory_uri() .'/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js', array(), null, true );

И вот какая-то еще ошибка в другом скрипте появляется связанная с myajax

[Артем Золин]

zeaovede, потому что myajax это массив в DOM, из которого извлекается url php-обработчика. Поэтому нужно смотреть, что в итоговом коде

[zeaovede]

Артем Золин, ага, вижу. В общем, если подключаю свой jquery то myajax не подключается, если отключаю свой jquery, то myajax подключается. Но как я и говорил ранее, если не подключать свой jquery, то весь функционал калькулятора не работает. Как итог, подключаю jquery - плохо. Отключаю jquery - плохо. Возможно ли как-то для скриптов калькулятора подключить новый jquery, а для для myajax оставить вордпрессовский

[zeaovede]

Переместив jquery в footer заработали скрипты и myajax