Uncaught ReferenceError: jQuery не определен в пользовательском сценарии WordPress

Question

Мой файл jquery не работает в WordPress.

Ошибка здесь:

Мой код js:

(function($) {
    $(document).ready(function(){
    $('#read_more').click(function() {
    $('.display_none').show().animate({'transition': '2s'});
   });
  });
})( jQuery );

У меня есть добавленный custom-script.js файл в functions.php, подобный этому:

function aristo_css_js(){
  wp_enqueue_script('myjs', get_template_directory_uri().'/assets/js/custom-script.js');
  wp_enqueue_script('myjs');
}
add_action('wp_enqueue_scripts','aristo_css_js');

Какая основная проблема для этого не работала?Но если я добавлю свой код скрипта перед тегом body, он будет работать.

Answer 1

Попробуйте использовать этот обновленный код JavaScript,

jQuery.noConflict();
(function(jQuery) {
    jQuery(document).ready(function(){
    jQuery('#read_more').click(function() {
    jQuery('.display_none').show().animate({'transition': '2s'});
   });
  });
})( jQuery );

function aristo_css_js(){
 wp_enqueue_script('jquery-main', get_template_directory_uri().'/assets/js/jquery-3.3.1.min.js');
wp_enqueue_script('myjs', get_template_directory_uri().'/assets/js/custom-script.js');
}
add_action('wp_enqueue_scripts','aristo_css_js');

Спасибо!

Answer 2

Я решаю свой собственный вопрос, добавив jquery файл перед моим custom-script

wp_enqueue_script('jquery-main', get_template_directory_uri().'/assets/js/jquery-3.3.1.min.js');
wp_enqueue_script('myjs', get_template_directory_uri().'/assets/js/custom-script.js');

Answer 3

Однажды у меня была такая же проблема.

WordPress поставляется с собственной версией библиотеки jQuery.

Попробуйте использовать jQuery вместо простого знака $.

Например:

var svg = $("#svg-container");

следует заменить на

var svg = jQuery("#svg-container");