未捕获的TypeError:对象[object Object]没有方法'flexslider'

时间:2013-07-18 05:33:29

标签: php wordpress-theming flexslider

jQuery(document).ready(function($) {
    $('.flexslider').flexslider();      
**Uncaught TypeError: Object [object Object] has no method 'flexslider'**
});

我在这里读到这个错误意味着我要么有两个jQuery列表,要么我没有必要的插件。我没有在我的函数或头部等中看到第二个jQuery入队,所以我想我做了后者?我刚刚在Treehouse开始使用Wordpress开发,因此对此感到非常感激。

这是我的functions.php

<?php

//Load the Theme CSS
function theme_styles() {

    wp_enqueue_style( 'normalize', get_template_directory_uri() . '/css/normalize.css' );
    wp_enqueue_style( 'grid', get_template_directory_uri() . '/css/grid.css' );
    wp_enqueue_style( 'googlefonts', 'http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic' ); 
    wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'social', get_template_directory_uri() . '/css/webfonts/ss-social.css' );

    wp_register_style( 'flex-stylesheet', get_stylesheet_directory_uri() . '/css/flexslider.css', array(), '', 'all' );
    if( is_page( 'home' ) ) {
        wp_enqueue_style('flex-stylesheet');
    }

}

//Load the Theme JS
function theme_js() {

    wp_register_script( 'flexslider', get_stylesheet_directory_uri() . '/js/jquery.flexslider-min.js', array(), '2.1', false );
    if( is_page( 'home' ) ) {
        wp_enqueue_script( 'flexslider' );
    }
    wp_enqueue_script( 'theme_js', get_template_directory_uri() . '/js/theme.js', array('jquery'), '', true );
//jquery from google cdn
     wp_deregister_script('jquery');
     wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3');
     wp_enqueue_script( 'jquery' );

}

add_action( 'wp_enqueue_scripts', 'theme_js' );

add_action( 'wp_enqueue_scripts', 'theme_styles' );

//Enable custom menus
add_theme_support( 'menus' );

function create_widget( $name, $id, $description ) {
    $args = array(
        'name'          => __( $name ),
        'id'            => $id,
        'description'   => $description,
        'before_widget' => '',
        'after_widget'  => '',
        'before_title'  => '<h5>',
        'after_title'   => '</h5>' 
    );

    register_sidebar( $args );

}

create_widget( 'Left Footer', 'footer_left', 'Displays in the bottom left of footer');

create_widget( 'Middle Footer', 'footer_middle', 'Displays in the bottom middle of footer');

create_widget( 'Right Footer', 'footer_right', 'Displays in the bottom right of footer');


?>

这是我的front-page.php:

<?php get_header('header.php'); ?>
    </div>
    <div id="featured" class="clearfix flexslider">
        <ul class="slides">

        <?php 

            $args = array(
                'post_type' => 'work'
            );

            $the_query = new WP_Query( $args );

        ?>

        <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
        <li style="background-color:<?php the_field( 'background_color' ); ?>;">
        <div class="container">
            <div class="grid_6">
                <img src="<?php the_field( 'homepage_slider_image' ); ?>" alt="<?php the_title(); ?> Project Screenshot">
            </div>
            <div id="featured-info" class="grid_4 omega">
                <h3 style="color: <?php the_field( 'button_color' ); ?>"><?php the_title(); ?></h3>
                <p><?php the_field( 'description' ); ?></p>
                <a class="btn blue" style="background-color: <?php the_field( 'button_color' ); ?>" href="<?php the_permalink(); ?>">View Project &rarr;</a>
            </div>
        </div>
        </li>
        <?php endwhile; endif; ?>
        </ul>
    </div>


    <div class="container clearfix">
        <div class="grid_12 omega">
            <h5>Featured Post</h5>
        </div>

        <?php

            $args = array(
                'post_type' => 'post',
                'category_name' => 'featured',
                'posts_per_page' => 1
            );

            $the_query = new WP_Query( $args );

        ?>

        <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

        <div class="push_2 grid_10 omega clearfix">
            <article>

                <?php get_template_part( 'content', 'post' ); ?>

            </article>
        </div>

        <?php endwhile; endif; ?>

        <div class="grid_12 content clearfix">
            <div class="grid_6 recent-post">
                <article>
                    <h5>Recent Posts</h5>
                    <?php

                        $args = array(
                            'post_type' => 'post',
                            'cat' => '-5',
                            'posts_per_page' => 1
                        );

                        $the_query = new WP_Query( $args );

                    ?>

                    <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

                        <?php get_template_part( 'content', 'post' ); ?>

                    <?php endwhile; endif; ?>

                </article>

            </div>
                <?php 

                    $args = array(
                    'post_type' => 'work',
                    'posts_per_page' => 1
                    );

                    $the_query = new WP_Query( $args );

                    ?>

                <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

                    <?php get_template_part( 'content', 'work' ); ?>

                <?php endwhile; endif; ?>
        </div>


<?php get_template_part( 'content', 'testimonials' ); ?>

<?php get_footer('footer.php'); ?>

谁知道......也许这是两个jQuery列表。非常感谢帮助。

1 个答案:

答案 0 :(得分:0)

尝试更改: wp_register_script('flexslider',get_stylesheet_directory_uri()。'/ js / jquery.flexslider-min.js',array(),'2.1',false);

于: wp_register_script('flexslider',get_template_directory_uri()。'/ js / flexslider.js',array('jquery'),'',true);

你可能没有调用正确的文件名。

干杯,