Question

我正在开发一个我需要包含循环进度条的网站，为此我使用了“circle-progress.js”。如果我用普通的HTML运行网站它工作正常，但当我使用WordPress它不工作，并给出以下错误：

function mycounter(){
  wp_enqueue_script( 'counter', get_template_directory_uri() . '/circle-progress.js', array( 'jquery' ), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'mycounter' ); 


jQuery(document).ready(function ($) {
    function animateElements() {
        jQuery('.progressbar').each(function () {
            var elementPos = $(this).offset().top;
            var topOfWindow = $(window).scrollTop();
            var percent = $(this).find('.circle').attr('data-percent');
            var percentage = parseInt(percent, 10) / parseInt(100, 10);
            var animate = $(this).data('animate');
            if (elementPos < topOfWindow + $(window).height() - 30 && !animate) {
                 jQuery(this).data('animate', true);
                 jQuery(this).find('.circle').circleProgress({
                    startAngle: -Math.PI / 2,
                    value: percent / 100,
                    thickness: 14,
                    fill: {
                        color: '#43C6DB'
                    }
                }).on('circle-animation-progress', function (event, progress, stepValue) {
                     jQuery(this).find('div').text((stepValue * 100).toFixed()+ "+");
                }).stop();
            }
        });
    }

    // Show animated elements
    animateElements();
     jQuery(window).scroll(animateElements);
});

jQuery（...）。find（...）。circleProgress不是函数

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/inc/css/style.css' );
    wp_enqueue_style($parent_style, get_template_directory_uri() . '/inc/css/style.css', false, 1.0, 'all');
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style2.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

function theme_load_scripts() {
    wp_enqueue_style('style2', get_stylesheet_directory_uri () . '/style2.css', false, 1.0, 'all');
    wp_enqueue_style('main', get_stylesheet_directory_uri () . '/main.css', false, 1.0, 'all');
    wp_enqueue_style('align', get_stylesheet_directory_uri () . '/align.css', false, 1.0, 'all');
    wp_enqueue_style('styletime', get_stylesheet_directory_uri () . '/styletime.css', false, 1.0, 'all');
    wp_enqueue_script('modernizrtime', get_stylesheet_directory_uri () . '/modernizrtime.js', array('jquery'), 1.0, true);
    wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', false );
    wp_enqueue_script('main', get_stylesheet_directory_uri () . '/main.js', array('jquery'), 1.0, true);
}

add_action( 'wp_enqueue_scripts', 'theme_load_scripts' );

function parent_css() {

    wp_enqueue_style('parent_style', get_stylesheet_directory_uri() . '/template.css', false, 1.0, 'all');
    wp_enqueue_style('oldtemplate_style', get_stylesheet_directory_uri() . '/angular-material.css', false, 1.0, 'all');
    wp_enqueue_script('bootstrap', get_stylesheet_directory_uri () . '/bootstrap.js', array('jquery'), 1.0, true);
    wp_enqueue_script('camera', get_stylesheet_directory_uri () . '/camera.js', array('jquery'), 1.0, true);
    wp_enqueue_script('jquery.easing.1.3', get_stylesheet_directory_uri () . '/jquery.easing.1.3.js', array('jquery'), 1.0, true);
    wp_enqueue_script('jquery.mobile.customized.min', get_stylesheet_directory_uri () . '/jquery.mobile.customized.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('jquery.sticky', get_stylesheet_directory_uri () . '/jquery.sticky.js', array('jquery'), 1.0, true);
    wp_enqueue_script('media-uploader', get_stylesheet_directory_uri () . '/media-uploader.js', array('jquery'), 1.0, true);
    wp_enqueue_script('options-custom', get_stylesheet_directory_uri () . '/options-custom.js', array('jquery'), 1.0, true);
    wp_enqueue_script('uslider.min', get_stylesheet_directory_uri () . '/uslider.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('wow', get_stylesheet_directory_uri () . '/wow.js', array('jquery'), 1.0, true);
    wp_enqueue_script('wow.min', get_stylesheet_directory_uri () . '/wow.min.js', array('jquery'), 1.0, true);
    wp_enqueue_script('custom-header', get_stylesheet_directory_uri () . '/custom-header.js', array('jquery'), 1.0, true);
    wp_enqueue_script('customizer', get_stylesheet_directory_uri () . '/customizer.js', array('jquery'), 1.0, true);
    wp_enqueue_script('extras', get_stylesheet_directory_uri () . '/extras.js', array('jquery'), 1.0, true




    );
    wp_enqueue_script('jetpack', get_stylesheet_directory_uri () . '/jetpack.js', array('jquery'), 1.0, true);
    wp_enqueue_script('options-framework', get_stylesheet_directory_uri () . '/options-framework.js', array('jquery'), 1.0, true);
    wp_enqueue_script('template-tags', get_stylesheet_directory_uri () . '/template-tags.js', array('jquery'), 1.0, true);
    wp_enqueue_script('customizer', get_stylesheet_directory_uri () . '/customizer.js', array('jquery'), 1.0, true);
    wp_enqueue_script('navigation', get_stylesheet_directory_uri () . '/navigation.js', array('jquery'), 1.0, true);
    wp_enqueue_script('skip-link-focus-fix', get_stylesheet_directory_uri () . '/skip-link-focus-fix.js', array('jquery'), 1.0, true);



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

function mycounter(){

   wp_enqueue_script( 'counter', get_template_directory_uri() . '/circle-progress.js', array( 'jquery' ), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'mycounter' );
require_once dirname(__FILE__) . '/avenue-child.php';
?>

我写错了语法吗？请帮助。

Answer 1

圆圈进度后加载jQuery脚本导致错误。

jQuery（...）。find（...）。circleProgress不是一个函数

1 个答案: