首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法让jquery和柔性滑块在新Wordpress安装上工作

无法让jquery和柔性滑块在新Wordpress安装上工作
EN

Stack Overflow用户
提问于 2015-02-10 08:05:57
回答 1查看 178关注 0票数 0

我试图添加一个简单的滑块到一个wordpress子主题页面,但我无法让它工作。

滑块html(header.php):

代码语言:javascript
运行
复制
$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)

代码语言:javascript
运行
复制
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包含以下代码:

代码语言:javascript
运行
复制
jQuery(document).ready(function() {
jQuery('.flexslider').flexslider();
});

我还在标题中包含了css。

代码语言:javascript
运行
复制
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/flexslider/flexslider.css" type="text/css">
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-10 08:20:19

您没有将您的flexscript.js文件排队:

代码语言:javascript
运行
复制
wp_enqueue_script('slide');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28426790

复制
相关文章

相似问题

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