首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery(.).find(.).circleProgress不是函数

jQuery(.).find(.).circleProgress不是函数
EN

Stack Overflow用户
提问于 2017-01-09 10:19:03
回答 1查看 2.1K关注 0票数 0

我是在一个网站上工作,我需要包括循环进度条,为此,我使用了“圆圈-进度. on”。如果我使用普通的HTML运行站点,它可以正常工作,但是当我使用WordPress时,它不能工作,并产生以下错误:

代码语言:javascript
复制
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不是函数

代码语言:javascript
复制
<?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';
?>

我写错语法了吗?请帮忙。

EN

回答 1

Stack Overflow用户

发布于 2017-01-09 10:42:13

加载一个又一个的jQuery脚本-进度导致错误。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41545685

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档