2013-03-30 2 views
0

WordPress에 flexslider 슬라이드 쇼를 추가하려고했지만 코드를 슬라이드 쇼에 표시 한 후 아무것도 표시하지 않았습니다. 불 덩어리를 보면 슬라이드 쇼를 위해 만든 div가 있지만 flexslider가로드되지 않습니다. TwentyTwelve 테마의 하위 테마를 사용하고 있으며 수정할 하위 테마 디렉토리의 header.php를 복사했습니다. 여기WordPress에서 Flexslider가 작동하지 않습니다.

<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> 
+0

복사 - 파스타의 첫 번째'<'를 잊어 버리셨습니까? – brbcoding

+0

그래, 나는 헤더 파일에 가지고있다. 결정된. – Reick

답변

0

난 그냥 최근에 내 프로젝트에 대한 FlexSlider을 사용 이것은 태그의 코드가

입니다 : 다음은 코드입니다 . 그런 다음 아래

// 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) :

이 워드 프레스 테마의 functions.php를 열고 다음을 붙여 넣 대신 자바 스크립트와 CSS 등의 직접 테마 이것을 시도 스크립트를 호출하기 위해 붙여 넣으십시오.

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

아, 서식 파일에 어딘가에 호출 JavaScript를 포함하는 것을 잊지 마십시오.

+0

나는 이것을 시도했으나 어느 것도 작동하지 않는다. 웬일인지 나의 WordPress는 flexslider를로드하지 않을 것이다. 나는 또한 Nivo Slider로 시도해 봤지만로드하지 않았다. jQuery가 어떤 이유로 작동하지 않는 것 같습니다. – Reick

+0

실시간 URL을 사용하고 있습니까? 요소를 마우스 오른쪽 버튼으로 클릭 한 다음 (Google 크롬의 페이지 아무 곳에서나) '콘솔'에서 결과를 확인하십시오. jQuery 문제 일 경우 오류를 표시해야합니다. – trajche