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 →</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的兩個列表。非常感謝幫助。
你需要採購'jquery.flexslider-min.js'之前採購'jquery.min.js'。 –
所以我改變了這些,但flexslider仍然沒有出現。思考? – dmzayasplus