Question

我正在尝试向wordpress子主题页面添加一个简单的滑块，但我无法让它工作。

Slider html（header.php）：

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

  // The Query
  $the_query = new WP_Query( $args );

  // The Loop
  if ( $the_query->have_posts() ) {
      echo '<div class="flexslider"><ul class="slides">';
      while ( $the_query->have_posts() ) {
          $the_query->the_post();
          //echo '<li><a href="#">' . the_post_thumbnail() . '</a>    </li>';//this was wrong
          echo '<li><a href="#">' . get_the_post_thumbnail() . '</a>    </li>';//this is right
      }
      echo '</ul></div>';
  } else {
      // no posts found
  }
  wp_reset_postdata();

脚本（的functions.php）

function my_scripts() {
    wp_register_script( 'flexslider', get_stylesheet_directory_uri() . '/flexslider/jquery.flexslider.js', array( 'jquery' ), '1.0', true );
wp_register_script( 'slide', get_stylesheet_directory_uri() . '/flexslider/flexscript.js', array( 'jquery' ), '1.0', true );

if ( is_front_page() ) { 
    wp_enqueue_script( 'flexslider' );
}

}

add_action( 'wp_enqueue_scripts', 'my_scripts' );

jquery.flexislider.js是必需的js文件。 flexiscript.js包含以下代码：

jQuery(document).ready(function() {
jQuery('.flexslider').flexslider();
});

我还在标题中包含了css

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/flexslider/flexslider.css" type="text/css">

Answer 1

您没有将您的flexscript.js文件入队：

wp_enqueue_script('slide');

无法让jquery和flexslider在新的Wordpress安装上工作

1 个答案: