Flexslider не работает в WordPress

Question

Я пытаюсь добавить слайд-шоу flexslider в WordPress, но после включения кодов в слайд-шоу в шоу ничего не отображается. Глядя на firebug, div, который я сделал для слайд-шоу, есть, но flexslider просто не загружается. Я использую дочернюю тему темы TwentyTwelve, и я скопировал файл header.php в каталоге дочерней темы для изменения. Эти коды:

Это код в теге:

<link rel="stylesheet" href="css/flexslider.css" type="text/css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script src="js/jquery.flexslider.js"></script> 

<!-- Load the flexslider --> 
<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
    $('.flexslider').flexslider({ 
      animation: "fade", // slide or fade 
      controlsContainer: ".flex-container" // the container that holds the flexslider 
    }); 
    }); 
</script> 

А вот слайд-шоу на странице:

<div id="flexslider-container"> 
    <div class="flexslider"> 
     <ul class="slides"> 
      <li><img src="/images/Penguins.jpg" /></li> 
      <li><img src="/images/Desert.jpg" /></li> 
      <li><img src="/images/Koala.jpg" /></li> 
     </ul> 
    </div> 
</div> 

Answer 1

Я только недавно использовал FlexSlider для проекта шахты , Вместо того, чтобы в том числе JavaScript и CSS непосредственно в вашей теме, попробуйте следующее:

Открывает functions.php в вашей теме Wordpress, и вставьте следующее:

// flexslider 
    wp_register_script('flexslider', get_stylesheet_directory_uri() . '/js/jquery.flexslider-min.js', array(), '2.1', false); 
    wp_register_style('flex-stylesheet', get_stylesheet_directory_uri() . '/css/flexslider.css', array(), '', 'all'); 
//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'); 

Затем под ним (тот же файл functions.php) вставьте это также и для вызова сценариев:

wp_enqueue_style('flex-stylesheet'); 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('flexslider'); 

О, и не забудьте включить вызывающий javascript в шаблон где-нибудь.