2013-07-18 88 views
1
jQuery(document).ready(function($) { 
    $('.flexslider').flexslider();  
**Uncaught TypeError: Object [object Object] has no method 'flexslider'** 
}); 

我在這裏讀到的錯誤意味着我要麼有兩個jQuery列表,要麼我沒有必要的插件。我沒有看到在我的函數或頭等的jQuery的第二次排隊,所以我想我做了後者?我剛剛開始在Wordpress開發的Treehouse,所以耐心讚賞這一個。Uncaught TypeError:Object [object Object] has no method'flexslider'

這裏是我的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'); 


?> 

這裏是我的前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

你需要採購'jquery.flexslider-min.js'之前採購'jquery.min.js'。 –

+0

所以我改變了這些,但flexslider仍然沒有出現。思考? – dmzayasplus

回答

0

嘗試改變: wp_register_script;( 'flexslider',get_stylesheet_directory_uri() '/js/jquery.flexslider-min.js',陣列(), '2.1',假)。 (''jquery'),'',true);我們可以通過下面的例子來說明這個問題。

您可能沒有調用正確的文件名。

乾杯,

相關問題