$ (...). counterUp не является функцией WordPress - PullRequest
3 голосов
/ 01 октября 2019

Не уверен, почему $(...).counterUp is not a function.

  • Waypoints ставится в очередь после Counter-up.
  • WP core JQuery загружается перед обоими.

Просмотреть исходный порядок:

<script type='text/javascript' src='http://testsite.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js?ver=5.2.3'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js?ver=5.2.3'></script>

Как я ставлю в очередь Waypoints и CounterUp:

wp_enqueue_script( 'counterup', 'https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js', array(), false, false);
wp_enqueue_script( 'waypoints', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js', array(), false, false);

Используется JS:

jQuery(document).ready(function($) {
    $('.counter').counterUp({
        delay: 10,
        time: 1000
    });
});

Чего мне здесь не хватает?

Редактировать:

Снимки экрана с загруженными файлами:

enter image description here enter image description here

Также пытались потянуть counterup через node_modules:

wp_enqueue_script( 'counterup', plugin_dir_url( __FILE__ ) . 'node_modules/counterup/jquery.counterup.min.js' );

... Тем не менее получить то же сообщение об ошибке.

1 Ответ

0 голосов
/ 01 октября 2019
  1. Загрузите jquery.counterup.min.js и включите в свою папку активной темы / js.

  2. Добавьте ниже скрипт в файле functions.php.

    function counterup_scripts() 
    {
         wp_enqueue_script('counterup', get_stylesheet_directory_uri() . '/js/jquery.counterup.min.js', array(), false, false);
    
    }
    add_action('wp_enqueue_scripts', 'counterup_scripts');
    
...